@charset "UTF-8";
/* CSS Document */


body {
	padding:50px 0 50px 0;
	font-family:Barlow, Arial, Helvetica, sans-serif;
	line-height:1.8;
}
.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

#loading {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:40%;
	text-align:center;
	background-color:rgba(255,255,255,0.7);
	color:#111;
	font-size:24px;
	display:none;
	z-index:200;
}

.eaten {
	margin-left:5px;
}

a {
	border:none;
}

#message {
	position:fixed;
	bottom:40px;
	left:0;
	width:100%;
	background-color:#C30;
	padding:10px;
	text-align:center;
	display:none;
	color:#FFF;
}

#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#111;
	padding:5px;
	height:40px;
	color:#FFF;
}
.menu {
	background-color:rgba(168,215,192,0.9);
	height:50px;
}

.menu .table {
	position:absolute;
	z-index:5
}

#footer a {
	display:inline-block;
	width:20%;
	text-align:center;
}

input[type=checkbox]#lock{
  position:absolute;
  right:20px;
  top:-20px;
  z-index:1;
  width:0px;
  height:10px;
}
input[type=checkbox]#lock:before { content:""; display:block; position:absolute; top: 25px; right:-20px; width:30px; height:30px; background:none; background-image:url(../images/unlocked.svg); background-size:contain }
input[type=checkbox]#lock:checked:before { background:none; background-image:url(../images/locked.svg); background-size:contain }​