@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('../fonts/RobotoMono-VariableFont_wght.ttf');
}

body {
  font-family: 'Roboto', sans-serif;
}

.header {
  text-align: right;
}

.footer {
  text-align: right;
}

.player {
  text-align: center;
}

#scoreboard td {
  text-align: center;
}

.throw, .total {
  font-family: 'Roboto Mono', monospace;
  font-size: 2rem;
  font-weight: 500;
}

.index {
  color: grey;
  line-height: 2.5rem;
}

.digit {
  font-size: 2.5rem;
  background-color: #555555;
  color: white;
  border-radius: 10px;
  font-family: 'Roboto Mono', monospace;
  font-weight: 500;
}

.bullseye {
  background-color: #FF5555;
}

.killshot {
  background-color: #5555FF;
}

.winner {
  color: #FF5555;
}