body {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: rgba(65, 51, 51, 0.916);
}

.first {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 35px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  height: 450px;
  width: 450px;
  border-radius: 250px;
  border: 9px solid rgb(148, 53, 53);
  background-color: rgb(114, 77, 77);
}

#display{
  font-size: 38px;
  color: rgba(48, 24, 1, 0.699);
}

.buttons {
  padding-bottom: 50px;
}
#start {
  width: 100px;
  height: 35px;
  border-style: none;
  border-radius: 25px;
  font-size: 1rem;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  background-color: rgb(4, 153, 24);
  color: white;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
#start:hover {
  background-color: rgb(14, 114, 11);
}

#stop {
  border-style: none;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  font-size: 1rem;
  background-color: rgb(255, 0, 0);
  color: white;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

#stop:hover {
  background-color: rgb(200, 19, 19);
}

#reset {
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border-style: none;
  font-size: 1rem;
  background-color: rgb(43, 84, 216);
  color: white;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
#reset:hover {
  opacity: 0.7;
}