@charset "UTF-8";
body {
	background-color: #fff9e6;
}
h1 {
	color: #df5a01;
}
div {
	margin:0 auto;
}	
div#contents {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 98lvh;
	max-width: 600px;
}
header,footer {
	padding: 16px;
	border-top: 1px solid #df5a01;
	border-bottom: 1px solid #df5a01;
}
nav {
	text-align: center;
}
nav a.current {
	color: #df5a01;
	border-bottom: 2px solid #df5a01;
}	
nav a:hover {
	color: white;
	border-bottom: 2px solid white;
}	
nav ul {
	margin: 0;
	padding: 0;
}
nav li {
	list-style : none;
	display: inline-block;
	width: 32%;
	min-width: 90px;
}
nav li:not(:last-child) {
	border-right: 2px solid #ddd;
}
nav a {
	text-decoration: none;
	color: #333;
}		
div.float_left { 
	float: left;
	padding: 10px;
	margin: 10px;
}
.red_text {
	color: red;
}
p{
	font-size: larger;
}
.img50 {
    width: 50%;
	height: auto;
}
main {
	text-align: center;
}
h2 {
	color: #df5a01;
	text-align: center;
}