html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.container {
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: 1fr max-content 1fr;
  background: #040d1a;
}
.container > * {
  grid-column: 2;
  grid-row: 2;
}
@keyframes coinAnimation {
  to {
    background-position: 900px 0;
  }
}
.coin {
  position: absolute;
  width: 18px;
  height: 28px;
  background-image: url("./assets/coin.png");
  background-size: 900px 28px;
  top: -12px;
  left: 96.8px;
  animation: coinAnimation 1.2s steps(50) infinite forwards;
}

.wrapper {
  position: relative;
}

.wrapper img {
  width: 160px;
}

.logo {
  display: block;
}
.game-logo {
  display: none;
}
.mx .logo {
  display: none;
}
.mx .game-logo {
  display: block;
}