body {
  background-color: rgb(34, 34, 44);
  color: palegreen;
  text-align: center;
  font-family: Lobster;
}


#box {
  margin: 0 auto;
  width: fit-content;
  height: fit-content;
  background-color: rgb(0, 0, 0);
  padding: 20px;
  border-radius: 30%;
  border:10px solid rgb(119, 106, 106);
}


.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 15px;
  box-shadow: 8px -10px rgb(43, 43, 51);
}

#redOff {
  background-color: rgba(255, 38, 0, 0.178);
}

#redOn {
  background-color: rgb(255, 0, 0);
}

#amberOff {
  background-color: rgba(233, 151, 18, 0.178);
}

#amberOn {
  background-color: rgb(255, 157, 0);
}

#greenOff {
  background-color: rgba(43, 255, 0, 0.178);
}

#greenOn {
  background-color: rgb(24, 144, 0);
}