@layer base {
  @font-face {
    font-family: MuseoSans;
    font-weight: 100;
    src: url(/fonts/MuseoSansRounded100.otf) format('opentype');
  }
  @font-face {
    font-family: MuseoSans;
    font-weight: 300;
    src: url(/fonts/MuseoSansRounded300.otf) format('opentype');
  }
  @font-face {
    font-family: MuseoSans;
    font-weight: 500;
    src: url(/fonts/MuseoSansRounded500.otf) format('opentype');
  }
  @font-face {
    font-family: MuseoSans;
    font-weight: 700;
    src: url(/fonts/MuseoSansRounded700.otf) format('opentype');
  }
  @font-face {
    font-family: MuseoSans;
    font-weight: 900;
    src: url(/fonts/MuseoSansRounded900.otf) format('opentype');
  }
  @font-face {
    font-family: MuseoSans;
    font-weight: 1000;
    src: url(/fonts/MuseoSansRounded1000.otf) format('opentype');
  }
}

body {
  background-color: black;
  color: white;

  font-family: MuseoSans, sans-serif;
}

a {
  color: white;
}

.root {
  padding-left: 5em;
  padding-right: 5em;

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

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

img.img-game-logo {
  width: 100%;
  height: 20em;
  object-fit: contain;
}

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