#game { 
  background: #000;
  border: 2px solid #fff;
  width: 640px;
  height: 680px;
  overflow: hidden;
}
  
#splashscreen {
  background-image: url('../images/WORM_snake!(animated).gif');
  background-repeat: no-repeat;
  width: 640px;
  height: 480px;
  border: 2px solid #fff;
}

.framework {
  background: #000; 
  color: #fff;
  text-align: center;
}

#placeimage {
  margin-top: 400px;
  margin-left: 420px;
  width: 150px;
  height: 50px;
  border: none;
}

.board {
width: 639px;
position: relative;
margin-left: 0;
margin-top: 0;
}

#board {
height: 639px;
border-bottom: 0px;
}

#apple {
position: absolute;
background: #FF0F00;
height: 7px;
width: 7px;
overflow: hidden;
}

.snake {
position: absolute;
top: 200px;
left: 200px;
background: #FDC400;
height: 7px;
width: 7px;
overflow: hidden;
}

.snake2 {
position: absolute;
top: -10px;
left: -10px;
background-color: #fff;
height: 7px;
width: 7px;
overflow: hidden;
}

#score {
height: 50px;
margin-top: 0px;
color: #fff;
}

#cscore {
color: #008DFF;
padding-left: 10px;
float: left;
width: 25%;
font-size: xx-large;
}

#buttons {
float: right;
width: 50%;
text-align: right;
padding-top: 10px;
}

#notice {
position: absolute;
top: 1em;
left: 1em;
right: 1em;
text-align: center;
font-size: 150%;
}

#i2 {
position: absolute;
bottom: 1em;
left: 1em;
right: 1em;
text-align: center;
font-size: 95%;
}