body{
  font-family: 'Lato', sans-serif;
}

#holder{
  width:500px;
  height:500px;
  background-color:black;
  border-radius:100%;
  box-sizing:border-box;
  
  left:30%;
  
  position:absolute;
}


.square{
  
  width:220px;
  height:220px;
  border:1px solid black;
  float:left;
  position:relative;
  top:3.5%;
  left:3.5%;
  -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
  
}
#btn,#strict{
  margin-top:5px;
}
#num{color:white; 
background-color:black;
  width:60px;
  height:40px;
  text-align:center;
  line-height:40px;
  border-radius:3px;
  
  float:left;
  
}
#btn{
  cursor: pointer;
  line-height:30px;
  float:left;
  margin-left:10px;
   width:50px;
  height:30px;
  text-align:center;
  background-color:#fc0d1c;
  border-radius:5px;
  border:1px solid black;
}
#strict{
  cursor: pointer;
  width:50px;
  height:30px;
  border-radius:10%;
  background-color:yellow;
   text-align:center;
  border:1px solid black;
  box-sizing:border-box; 
  color:black;
  margin-left:10px;
  
  line-height:30px;
  -webkit-text-fill-
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: black;
  float:left;
}

#power{
  cursor: pointer;
  width:70px;
  height:30px;
  border-radius:10%;
  background-color:#376bfb;
  text-align:center;
  border:1px solid black;
  box-sizing:border-box; 
  color:white;
  margin:0 auto;
  
  line-height:30px;
}
#simon{
  text-align:center;
 font-family: 'Anton', sans-serif;
  font-size:50px;
  margin-bottom:5px;
}
#align{
  margin-left:15%;
  
}
#buttons{
  
  width:250px;
  height:250px;
  
  position:absolute;
  bottom:20%;
  left:23%;
  border:15px solid black;
  
  background-color:white;
  border-radius:100%;
 
  
}
.clear{clear:both;}
#red{
  background-color:red;
  border-radius:0 100% 0 0;
  margin-left:20px;
  margin-bottom:20px;
}
#green{
  background-color:lightgreen;
  border-radius:100% 0 0 0;
  
}
#blue{
  background-color:#3366ff;
  border-radius:0 0 0 100%;
  
}

#yellow{
  background-color:yellow;
  border-radius:0 0 100% 0;
   margin-left:20px;
}
#red.hovered{
  background-color:#800000;}
#blue.hovered{background-color:#002699;}
#green.hovered{background-color:#408000;}
#yellow.hovered{background-color:#808000;}