html,body{
  height: 99%;
  width: 99%;
  background-color: grey;
}
body
*{
  box-sizing: border-box;
  
}
.banner{
  background-image: url("Ghosttown.png");
  margin: 15px;
  padding: 10px;
  border: 3px solid #403e3a;
  box-shadow: 1px 3px 30px 1px #303536;
  text-transform: capitalize;
  font-family: Lucida Console;
  height: 120px;
  text-align: right;
}
h1{
  font-size: 0.7em;
}

#logo{
  width: 75px;
  position: fixed;
  top: 50px;
  right: 250px;
}
.container{
  background-image: url("Ghosttown.png");
  border:2px #273c5d solid;
  position: relative;
  top: 2px;
  margin: 10px;
  padding: 5px;
  height: 660px;
  overflow: hidden;
  background-color: #85BDBF;
  border-style: dashed;
}
.wave{
  border: #2d3e3e 1px solid;
  color: whitesmoke;
  text-align: center;
  background-color: #727072;
  font-size: 0.9em;
  height: 25px;
  overflow: hidden;
  width: 80%;
  position:relative;
  left: 10%;
  transition: height 4s;
  display:block;
}
#l1{
  border:#5d553c 1px solid;
  background-image:repeating-linear-gradient(#727072, #2f3232);
   font-family:Lucida Console;
}
.wave:hover{
  height:90%;
  top:1px;
  z-index:1;
}
#medium{
  font-size: 9px;
  font-family:Lucida Console;
}
#easy{
  font-size: 9px;
   font-family:Lucida Console;
}
#hard{
  font-size: 9px;
   font-family:Lucida Console;
}