body{
	font-family:verdana;
	background:#f4f6f9;
}

header {
	background:#0d6efd;
	color:white;
	padding:20px;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	border-radius:20px;
}

.profile-name {
  font-size: 1.5em; /* Makes name larger than surrounding text */
  font-weight: 600; /* Medium-bold for readability */
  color: #6be022;
  margin-top: 10px;
  text-align: right;
}

/*
.navbar {
	display:flex;
	justify-content:center;
	overflow:auto;
	background-color:#222;
	padding:12px;
	border-radius:20px;
}

.navbar a {
	float:left;
	font-size:16px;
	color:white;
	padding:14px 16px;
	text-decoration:none;

}

.navbar a:hover, .dropdown:hover .dropbtn {
	border:none;
	color:#0d6efd;
	border-radius:25px;
	background-color:none;
	padding:10px 20px;
}

.dropdown {
	float:left;
	overflow:hidden;
}

.dropdown .dropbtn {
	font-size:16px;
	border:none;
	outline:none;
	color:white;
	padding: 14px 16px;
	background-color:inherit;
	margin:0;
}

.dropdown-content {
	display:none;
	position:absolute;
	background-color:#f9f9f9;
	min-width:160px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #9999ff;
}

.dropdown:hover .dropdown-content {
  display: block;
}
*/

.hero {
	text-align:center;
	padding:5px;
	background:linear-gradient(to right,#dff6ff,#bfe9ff);
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

main {
	flex: 1;
}

footer {
	background:#5f91d6;
	color:white;
	text-align:center;
}