body {
  overflow: hidden;
  background-color: rgb(43, 48, 53);
}

.welcome-screen {
  width: 100vw;
  height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;
}

.message {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-55%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;

  font-family: 'Times New Roman', Times, serif;
  color: white;

  padding: 5px;
  margin: 50px;
}

.button {
  width: 100px;
  height: 40px;

  margin: 10px;

  background-color: rgb(18, 128, 18);
  color: white;

  border: 1px solid rgb(44, 164, 44);
  border-radius: 5px;

  transition-duration: 200ms;
}
.button:hover {
  background-color: rgb(75, 168, 75);
}

.button--secondary {
  background-color: rgb(43, 48, 53);
  border: 1px solid rgb(107, 106, 106);
}
.button--secondary:hover {
  background-color: rgb(90, 90, 90);
}

#temp-message {
  font-size: 10px;
  color: rgb(43, 48, 53);

  position: absolute;
  transform: translate(0%, 35px);
}