@import "reset.css";

@font-face {
  font-family: 'YouYuan';
  src: url('../fonts/YouYuan.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  display: grid;
  grid-template-columns: repeat(100,1fr);
  grid-template-rows: repeat(100,1fr);
  height: 100vh;
  width: 100vw;
  font-family: "YouYuan";
  background-color: black;
  image-rendering: pixelated;
}

div {
  height: 100%;
  width: 100%;
}

img {
  height: 100%;
  width: 100%;
}

.return {
    grid-row: 2 / span 8;
    grid-column: 1 / span 8;
}

.footer {
    grid-row: 96 / span 4;
    grid-column: 1 / span 100;
    background-image: url('../assets/footer.png');
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 640px) {
  .footer {
      grid-row: 93 / span 7;
      grid-column: 1 / span 100;
      image-rendering: auto;
      background-image: url('../assets/footermobile.png');
  }
  .return {
    grid-row: 2 / span 10;
    grid-column: 1 / span 22;
  }
}