* {
  font-size: 16px;
  font-family: face;
}

@font-face {
  font-family: face;
  src: url(./YsabeauInfant-Italic-VariableFont_wght.ttf);
}

body {
  background-color: rgb(25, 25, 25);
  color: white;
}

.title {
  font-size: 30px;
  font-weight: bold;
}

img {
  height: 50px;
}

button:not(.reset, .auto-play-button) {
  background-color: transparent;
  border: 3px solid white;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  margin-right: 10px;
  cursor: pointer;
}

.result {
  font-size: 25px;
  font-weight: bold;
  margin-top: 50px;
}

.score {
  margin-top: 60px;
}

.reset,
.auto-play-button {
  background-color: white;
  border: none;
  font-size: 15px;
  padding: 8px 15px;
  cursor: pointer;
}

@media(max-width: 440px) {
  button.move{
    width: 100px;
  }

  body {
    text-align: center;
  }
}

@media(max-width: 400px) {
  button.move{
    width: 100px;
  }
}