html {
  height: 100%;
  background: radial-gradient(circle, rgb(241, 194, 194), rgb(255, 255, 255));
}

#container {
  background-color: #9DD2EA;
  margin: 100px auto;
  padding: 20px;
  border-radius: 10px;
  height: 400px;
  width: 550px;
  position: relative;
  box-shadow: 0px 4px 0px #009DE4;
}

#correct {
  position: absolute;
  margin-left: 240px;
  background-color: #9fe026;
  width: 80px;
  padding: 10px 0px;
  text-align: center;
  color: white;
  display: none;
}

#tryagain {
  position: absolute;
  text-align: center;
  left: 260px;
  padding: 12px;
  color: white;
  display: none;
  background-color: red;
}

#score {
  position: absolute;
  background-color: #F1FF92;
  text-align: center;
  left: 500px;
  padding: 11px;
  color: #888E5F;
  box-shadow: 0px 4px #9DA853;
}

#box1 {
  position: absolute;
  top: 70px;
  left: 70px;
  height: 150px;
  width: 450px;
  background-color: #9DA0EA;
  box-shadow: 0px 4px 0px #535AA8;
}

#box2 {
  text-align: center;
  position: absolute;
  left: 70px;
  top: 230px;
  width: 450px;
  padding: 16px 0px;
  background-color: #B481D9;
  box-shadow: 0px 4px 0px #8153A8;
}

#box3 {
  position: relative;
  left: 50px;
  top: 270px;
  width: 450px;
  height: 85px;
}

.smallbox {
  position: absolute;
  border-radius: 5px;
  background-color: #ffffff;
  width: 85px;
  height: 85px;
  transition: all 0.2s;
  box-shadow: 0px 4px 0px #7EA8BB;
}

#smallbox2 {
  left: 120px;
}

#smallbox3 {
  left: 240px;
}

#smallbox4 {
  left: 364px;
}

#startcon {
  position: relative;
  left: 50px;
  top: 290px;
  width: 450px;
  height: 60px;
}

#start {
  position: absolute;
  background-color: #d6ecf1;
  box-shadow: 0px 4px 0px #7EA8BB;
  left: 175px;
  padding: 10px;
  width: 80px;
  text-align: center;
  border-radius: 3px;
  transition: all, 0.2s;
}

#time {
  position: absolute;
  top: 395px;
  left: 400px;
  background-color: #B0E64C;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0px 4px 0px #7EA8BB;
  display: none;
}

#gameover {
  position: absolute;
  text-align: center;
  padding: 31px;
  width: 438px;
  top: 100px;
  left: 45px;
  background: linear-gradient(#F3C96B, #F3726C);
  font-size: 2.5rem;
  color: white;
  display: none;
}

.smallbox:active,
#start:active {
  background-color: #9C89F6;
  color: white;
  box-shadow: none;
  top: 4px;
}/*# sourceMappingURL=maths.css.map */