*,
*::before,
*::after{
	box-sizing:border-box;
}
body{
	margin:0;
	padding:0;
	font-family:"Verdana";
	font-size:16px;
	line-height:1.6em;
	display:grid;
	width:100%;
	min-height:100vh;
	grid-template-rows:auto minmax(0,1fr) auto;
}
header{
	padding:10px 0;
	color:white;
	background:linear-gradient(to bottom,#222 0%,#222 50%,#000 50%,#000 100%);
	box-shadow:0px 0px 10px 0px #000;
	z-index:1;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
header a.title{
	margin-left:20px;
	color:#eee;
	font-size:26px;
	text-decoration:none;
}
header a.title:hover{
	color:#fff;
}
main{
	max-width:800px;
	width:100%;
	margin:20px auto;
	padding:0 10px;
}
footer{
	padding:10px 0;
	color:white;
	background:linear-gradient(to right,#000 0%,#333 25%,#333 75%,#000 100%);
	box-shadow:0px 0px 10px 0px #000;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
footer a{
	color:#888;
	font-size:14px;
	text-decoration:none;
}
footer a:hover{
	color:#ccc;
}