style.css

body{
  background-image: url("http://cdn.wallpapersafari.com/59/4/zxudVp.jpg");
  background-repeat: no-repeat;
  background-size: auto;
}
#wrapper {
  position:relative;
  top: 30px;
  margin: auto;

  width: 400px;
}


#top-left{
  background-color: #2ECC71;
  border-radius: 100% 0px 0px;
  height: 200px;
  border: solid;
  border-color: black;
  border-width: 15px;
  box-shadow: -3px -3px 30px;
}
#top-right{
  background-color: #F7CA18;
  border-radius: 0px 100% 0px 0px;
  height: 200px;
  border: solid;
  border-color: black;
  border-width: 15px;
  box-shadow: 3px -3px 30px;
}
#bottom-left{
  background-color: #22A7F0;
  border-radius: 0px 0px  0px 100%;
  height: 200px;
  border: solid;
  border-color: black;
  border-width: 15px;
  box-shadow: -3px 3px 30px;
}
#bottom-right{
  background-color: #F22613;
  border-radius:  0px 0px 100% 0px;
  height: 200px;
  border: solid;
  border-color: black;
  border-width: 15px;
  box-shadow: 3px 3px 30px;

}
#center {
/*float: none;*/
color: white;
font-family: fantasy;
position: absolute;
  text-align:  center;
  vertical-align: middle;
  border-radius: 50%;
  margin: 25%;
  width: 200px;
  height: 200px;
  border: solid black;
 background: grey;
   box-shadow: -3px -3px 30px inset;
}
#start-btn{
color: yellow;

box-shadow: -1px -1px 10px black inset;

background-color: green;
border-radius: 50%;

}
#strict-btn{
color: black;

box-shadow: -1px -1px 10px black inset;

background-color: yellow  ;
border-radius: 50%;

}
#display {
  background-color: #660000;
  border-width: medium;
font-size: 20px;
  margin: auto;
  margin-top: 10px;
border-radius: 10px;
border-color: black	;
border-style: solid;
max-width: 90px;
padding: 5px;
color: red;
padding-right: 0px;
padding-left: 0px;

font-family: Orbitron,sans-serif;
}
.by{
  z-index: -1;
  text-align: center;
  font-size: 20px;
  position: relative;
  top: 20px;
  color:black;
  font-family: Calibri;
}