/* CSS files add styling rules to your content */

body {
  font-family: "Inter", "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
  line-height: 1.5;
}

h1 {

}

.game-results {
  margin: 1.6rem 0;
}

.game-results__header,
.game-output__current-opponent-label {
  display: block;
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .6rem;
  letter-spacing: .08rem;
}

.game-output__current-opponent {
  margin: 1.6rem 0 .8rem;
}

.game-output__count {
  display: inline-block;
}

.game-output__container {
  display: flex;
  flex-direction: column-reverse;
}