html{
  background: #b3daff;
}

body{
  display: inline;
 
}

#gameboard{
    position: absolute;
    top: 10%;
    left: 6.5%;
    background: #9999ff;
    height: 65%;
   width: 87.5%;
   border-radius: 3%;
   box-shadow: 0vw 2.5vw 5vw 0vw yellow;
   
}

#all-container{
	  position: absolute;
      top: 0%;
      left: 0%;
      height: 190%;
      width: 100%;
}

/*td {
  border: 0.2vw solid white;
  height: 2.5%;
  width: 5%;
  background: #DDD;
  
}*/

/* Width to match app grid size */


/* Grid styles */
table {
  margin: 0 0;
}

.alive {
  background: #99e600;
}

.newborn {
  background: #ffffb3
}

/* Controls and button styles */





#grid{
  position: absolute;
  top: 6.5%;
  left: 5%;
  height: 85%;
  width: 90%;

}



.activebut{
   background-color: green;

}

#lowerpad{

  position:absolute;
  background-color: yellow;
  top: 73%;
  left: 25%;
  height: 10%;
  width: 50%;
  margin: auto;
  border-radius: 1vw;
  font-size: 180%;

}

#top1{
     position: absolute;
     top: 10%;

  
}


#top2{
     position: absolute;
     top: 10%;
     left: 23%;
     
}

#top3{
     position: absolute;
     left: 46%;
     top: 10%;
   
}

button{  
   background-color: purple;
 }



td {
  border: 1px solid white;
  height: 1vw;
  width: 1vw;
  background: #DDD;
}



#upperbuts{
  position:absolute;
  top: 8.5%;
  left: 3%;
  width: 85%;
  height: 100%;
}

#lowerbuts{ 
  position: absolute;
  top: -3%;
  width: 100%;
  height: 80%;
}

#gen_count{
     position: absolute;
     left: 62%;
     top: 15%;
     font-weight: bolder;
     color: blue;
     font-size: 2vw;
}

#upperpad{
  
  position:absolute;
  background-color: #bfff00;
  top: 5%;
  left: 25%;
  height: 7%;
  width: 50%;
  margin: auto;
  border-radius: 1vw;
  font-size: 180%;
}

#sim_spd{
  position:absolute;
  top: 53%;
  left: 6%;
  font-size: 2vw;
}

.button{
    color: white;
     font-size: 70%;
     border-radius: 2vw;
     width: 19%;
     height: 35%;
    cursor: pointer;
    font-size: 1.5vw;

}

#bottom1{
     position: absolute;
     top: 24%;
     left: 41%;
   

}

#bottom2{
     position: absolute;
     top: 24%;
     left: 64%;
   
}



#bottom3{
     position: absolute;
     top: 75%;
     left: 31%;
    
}

#bottom4{
     position: absolute;
     top: 75%;
     left: 52.5%;
 
}

#bottom5{
     position: absolute;
     top: 75%;
     left: 74%;
 
}


#board_sz{
  position:absolute;
  top: 17%;
  left: 6%;
  font-size: 2vw;

}