html, body {
	margin:0px;
	padding:0px;
	font-family:"Work Sans";
	font-weight:300;
	color:#1F3B4D;
}

* {
	box-sizing:border-box;
}

a, a:hover, a:visited {
	color:#1F3B4D;
}

b {
	font-weight:600;
}

nav {
	background-color:#ffffff;
	display:flex;
	column-gap:2px;
}

nav a, nav div {
	background-color:#F4EDE4;
	flex:1;
	padding:20px;
	text-align:center;
	font-weight:500;
	font-size:16px;
	text-decoration:none;
	white-space:nowrap;
}

nav a:hover, nav div:hover {
	background-color:#D98C6A;
	color:#fff;
}

#logo {
	font-family:"Leckerli One";
	font-size:28px;
	font-weight:400;
	margin-top:-10px;
}

@media only screen and (max-width: 900px) {
	nav a, nav div {
		font-size:12px;
	}
	#logo {
		font-size:20px;
		font-weight:400;
		margin-top:-12px;
	}
}

main {
	padding:20px;
	margin-bottom:20px;
}

hr {
	height:1px;
	border:0px;
	background-color:#ccc;
	margin-top:40px;	
	margin-bottom:30px;	
}

h1 {
	color:#E0A63C;
	font-family:"Roboto";
	font-weight:600;
	font-size:32px;
	margin:0px;
	padding:0px;
}

.date {
	color:#7A8F77;
	font-weight:600;
	font-size:16px;
	margin-bottom:20px;
}

footer {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:#1F3B4D;
	color:#fff;
	height:40px;
	display:flex;
	border-top:1px solid #fff;
}