* {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Arial;
}

a {
	text-decoration: none;
	color: #ffffff;
	transition: all 0.2s;
}

a:hover {
	color: #669dcc;
}

button {
	width: 100px;
	border: 2px solid #ffffff;
	border-radius: 2px;
	color: #ffffff;
	background-color: #80aacf;
	transition: all 0.2s;
	padding: 10px;	
}

button:hover {
	color: #80aacf;
	background-color: #ffffff; 
	border: 2px solid #80aacf;
}

header {
	width: 100%;
	background-color: #80aacf;
}

footer {
	width: 100%;
	background-color: #80aacf;
}

.header_inner {
	display: flex;
	flex-direction: row;
	width: 80%;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
}

.header_inner > div {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.brand {
	padding: 10px;
	font-size: 36px;
	font-family: Arial;

}

.login {
	align-self: flex-end;
	padding: 10px;
	font-size: 36px;
	font-family: Arial;
	padding: 10px;
	display: flex;
	align-items: center;	
}

.link {
	padding: 10px;
}

.panel {
	padding: 20px;
	width: 60%;
	margin: 20px auto;
	background-color: #97b2c9;
	border-radius: 3px;	
	box-shadow: 0px 0px 23px 0px rgba(34, 60, 80, 0.2);
}

.panel > .header {
	font-weight: bold;
	font-size: 20px;
	border-bottom: solid 2px;
}

.panel > .main {
	margin-top: 10px;
}