@charset "utf-8";
/* CSS Document */
* {
	box-sizing:content-box;
}
html	{
	background-image:url(../image/background.png)
}
body	{
	width:auto;
	height:auto;
	display:grid;
	grid-template-rows:10% 1fr 10% 10%;
	grid-template-columns:1fr;
	grid-template-rows: auto auto auto auto;
	align-items:center;
}
.menu_container	{
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
}
.header h1	{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:center;
}
.menu_item	{
	margin:2em;
	display:flex;
	flex-direction: column;
	justify-content:center;
}
.menu_item h2	{
	text-align:center;
	font-size:1em;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	
}
.menu_item a	{
	text-align:center;
}
.exit_button	{
	text-align:center;
}
.exit_button a	{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
}
.exit_button a:hover	{
	color:#CCC;
}
.footer	{
	text-align:center;
}
.footer p	{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}
.image_icon {
  	transition: transform .1s;
}  
.image_icon:hover {
  transform: scale3d(1.1, 1.1, 1) rotate(5deg);
}
#warning-message	{
	margin-top:3em;
}