<style type="text/css">

body {
 font:76% normal verdana,arial,tahoma;
 top: 300px;
 background-color: blue;
}

h1, h2 {
 font-size:1em;
}

@font-face {
	font-family: myFirstFont;
	src: url(scoreboard.ttf);
}


::-webkit-scrollbar {
    display: none;
}


#dscore {
 position: absolute;
 width: 200px;
 height: 80px;
 top: 220px;
 background-color: #64D5FF;
 opacity: 0.7;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 8px 8px #64D5FF inset;
box-shadow: 0 0 8px 8px #0066ff ;
font-family: myFirstFont;
font-size: 60;
font-weight: bold;
text-align: center;
}

#dscore1 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 380px;
 top: 250px;
 background-color: #0066ff;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 8px 8px #64D5FF inset;
box-shadow: 0 0 8px 8px #0066ff ;
font-family: myFirstFont;
font-size: 120;
font-weight: bold;
color: yellow;
text-align: center;

}


#menu{
	position: absolute;
 	visibility: hidden;
 	width: 600px;
 	height: 120px;
 	top: 410px;
 	 -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 	background-color: #0066ff;
	box-shadow: 0 0 8px 8px #64D5FF inset;
	box-shadow: 0 0 8px 8px #0066ff ;
}


span{
	font-size: 40;
	line-height: .8;
}

#rank {
 position: absolute;
 visibility: hidden;
 width: 200px;
 height: 120px;
 line-height: 1.2;
  -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 background-color: green;
top: 410px;
font-family: myFirstFont;
font-size: 60;
font-weight: bold;
color: yellow;
text-align: center;

}


#play {
 position: absolute;
 visibility: hidden;
 width: 200px;
 height: 120px;
 line-height: 1.2;
 -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 background-color: green;
top: 410px;
font-family: myFirstFont;
font-size: 60;
font-weight: bold;
color: yellow;
text-align: center;
vertical-align: middle;
}

#exit {
 position: absolute;
 visibility: hidden;
 width: 200px;
 height: 120px;
 line-height: 1.2;
 -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 background-color: green;
top: 410px;
font-family: myFirstFont;
font-size: 60;
font-weight: bold;
color: yellow;
text-align: center;
vertical-align: middle;
}

#t1 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 50px;
 top: 550px;
 background-color: green;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 8px 8px #64D5FF inset;
box-shadow: 0 0 8px 8px #0066ff ;
font-family: myFirstFont;
font-size: 30;
font-weight: bold;
line-height: 1.7;
color: yellow;
text-align: center;
}

#t2 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 50px;
 top: 600px;
 background-color: #0066ff;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

font-family: myFirstFont;
font-size: 30;
font-weight: bold;
line-height: 1.7;
color: yellow;
text-align: center;
}

#t3 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 50px;
 top: 650px;
 background-color: green;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 8px 8px #64D5FF inset;
box-shadow: 0 0 8px 8px #0066ff ;
font-family: myFirstFont;
font-size: 30;
font-weight: bold;
line-height: 1.7;
color: yellow;
text-align: center;
}

#t4 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 50px;
 top: 700px;
 background-color: #0066ff;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

font-family: myFirstFont;
font-size: 30;
font-weight: bold;
line-height: 1.7;
color: yellow;
text-align: center;
}


#t5 {
 position: absolute;
 visibility: hidden;
 width: 600px;
 height: 50px;
 top: 750px;
 background-color: green;
 -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 0 0 8px 8px #64D5FF inset;
box-shadow: 0 0 8px 8px #0066ff ;
font-family: myFirstFont;
font-size: 30;
font-weight: bold;
line-height: 1.7;
color: yellow;
text-align: center;
}

/* BIRD */
#fooObject {
 /* simple box */
 position:absolute;
 left:0px;
 top:328em;
 width:80px;
 line-height:48em;
 content:url("bird.png");
 padding:0.5em;
}


#wallObject {
 /* simple box */
 position:absolute!important;
 left:100px;
 width:auto;
 content:url("wall.png");
 padding:0.5em;
}

#wallObject1 {
 /* simple box */
 position:absolute;
 left:100px;
 width:auto;
 content:url("wall.png");
 padding:0.5em;
}

#wallObject2 {
 /* simple box */
 position:absolute;
 left:100px;
 width:auto;
 content:url("wall.png");
 padding:0.5em;
}

#wallObject3 {
 /* simple box */
 position:absolute;
 left:100px;
 width:auto;
 content:url("wall.png");
 padding:0.5em;
}

#wallObject4 {
 /* simple box */
 position:absolute;
 left:100px;
 width:auto;
 content:url("wall.png");
 padding:0.5em;
}


#blood{
	visibility: hidden;
	position: absolute;
	left: 30px;
	width: 100px;
	height: 100px;
}

#animate-area {
  width: 100%;
  height: 850px;
  top: 400px;
  background-image: url('http://i.imgur.com/2SW5BOB.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;

  animation: animatedBackground 20s linear infinite;
}

@keyframes animatedBackground {
  0% { background-position: 1280px 0; }
  100% { background-position: -1260px 0; }
}
/*
#animate-area {

  height: 850px;
  top: 400px;
  background-image: url(back2.png);
  background-position: 0px 0px;
  background-repeat: repeat-x;

  animation: animatedBackground 10s linear infinite;
}

@keyframes animatedBackground {
  from { background-position: 100% 0; }
  to { background-position: 0 0; }
}*/

</style>
