@font-face {
 font-family: "flyfont";
 src: url("font.ttf");
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#e5e5e5;

	font-family: flyfont;

	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
}

#score {
	position:fixed;
	top:10px;
	left:20px;

	font-size: 50px;
	font-weight: bold;
	color:#121212;

	text-shadow: #121212 0px 0px 3px; 
}

#time {
	position:fixed;
	top:10px;
	right:20px;

	font-size: 50px;
	font-weight: bold;
	color:#121212;

	text-shadow: #121212 0px 0px 3px;
}

#cach {
	position:fixed;
	width:100%;
	height:100%;
	background-color:black;
	opacity:70%;
	transition:0.5s;
}

#case {
	width:600px;
	height:400px;

	background-color:#e5e5e5;
	border:solid black 5px;
	box-shadow: black 0px 0px 10px;
	border-radius: 30px;

	position:fixed;
	top:50%;
	left:50%;
  	transform: translate(-50%, -50%);

  	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
}

#title {
	text-align: center;
	font-size:70px;
	margin-top:40px;

	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
}

#start a {outline : none;text-decoration:none; color:white; }

#start {
	width: 300px;
	height: 100px;

	margin-left:auto;
	margin-right:auto;
	margin-top:10px;

	border-radius: 20px;

	background-color: #1d1d1d;
	box-shadow: black 0px 0px 10px;

	text-align: center;
	line-height: 100px;
	vertical-align: middle;

	font-size:45px;
	color:white;

	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
}

#highscore {
	text-align: center;
	font-size:50px;
	margin-top:10px;

	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;" 
}

.fly {
	transition:0.05s;
	width: 70px;
	height: 70px;
	position: fixed;

	-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));
}

#pat {
	width:50px;
	height:50px;
	position:fixed;

	-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.6));
}

.heart {
	height:50px;
	width:50px;
	position:fixed;

	-webkit-animation: 1s ease-out move_eye;
        	animation: 1s ease-out move_eye;
}

.fly::-moz-selection {background:transparent;}
.fly::selection{background:transparent;}

#time::-moz-selection {background:transparent;}
#time::selection{background:transparent;}

#score::-moz-selection {background:transparent;}
#score::selection{background:transparent;}

#pat::-moz-selection {background:transparent;}
#pat::selection{background:transparent;}

.heart::-moz-selection {background:transparent;}
.heart::selection{background:transparent;}

@-webkit-keyframes move_eye { from { opacity:100%; } to { opacity:0%; }  }
		@keyframes move_eye { from { opacity:100%; } to { opacity:0%; }  }