body {
  background-color: rgb(42, 43, 46);
  overflow: hidden;
}

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

  position: absolute;

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

.num {
  width: 100px;
  aspect-ratio: 1 / 1;

  border-radius: 50%;

  margin: 20px;

  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -70%); */

  color: rgb(21, 255, 0);
  background-color: rgb(247, 0, 255);

  text-align: center;
  line-height: 100px;

  font-size: 25px;
  font-family: 'Space Mono', monospace;

  transition-duration: 350ms;
}
.num:hover {
  width: 130px;
  line-height: 130px;
  font-size: 30px;
  background-color: rgb(174, 0, 255);
}

p {
  color: white;
  font-size: 25px;
  font-family: 'Space Mono', monospace;
}

#credit {
  color: white;
  font-size: 15px;
  font-family: 'Space Mono', monospace;

  position: absolute;
  top: 95%;
  left: 50%;

  transform: translate(-50%, -50%);
}