body {
    background: url(./ext/background.png);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1, p{
    text-align: right;
}

#instructions{
    float: left;
}

#logo{
    position: absolute;
    bottom: 0;
    right: 0;
}
#logo img{
    width: 250px;
}

#monster_template{
    display: none;
}


.monster{
  width:  50px;
  height: 50px;
  position: absolute;
  border-radius: 50% 50%;
  border: 1px solid #EEE;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}


.eye{
  background: #FFF;
  width:  30%;
  height: 40%;
  position: absolute;
  top: 20%;
  border-radius: 50% 50%;
  box-shadow: inset 0 0 6px rgba(50, 50, 50, 0.4);
  overflow: hidden;
}


.left_eye{
  left: 15%;
}

.right_eye{
  right: 15%;
}


.eye_ball {
  background: #444;
  width:  65%;
  height: 65%;
  position: absolute;
  border-radius: 50% 50%;
}



#player{
  background: url(./ext/hero.png);
  width:  50px;
  height: 103px;
  position: absolute;
}