body {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background-color: rgb(33, 30, 30);
  color: white;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}

.btn {
  height: 10rem;
  width: 10rem;
  border-radius: 20%;
  border: 5px solid rgb(175, 175, 175);
  margin: 1rem;
}

.btn-container {
  display: flex;
  width: 95%;
  justify-content: center;
}

.yellow {
  background-color: rgb(255, 213, 0);
}
.red {
  background-color: rgb(201, 0, 0);
}
.green {
  background-color: green;
}
.blue {
  background-color: rgb(0, 72, 255);
}

.startbtn {
  outline: none;
  border-radius: 10%;
  border: 2px solid rgb(175, 175, 175);
  background-color: rgb(33, 30, 30);
  font-weight: 600;
  color: white;
  padding: 0.2rem;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}

.startbtn:hover {
  transform: scale(1.1);
  border: 2px solid white;
}


.flash{
    background-color: white;
}
.userflash{
    background-color: black;
}