@import url("parts/reset.css");
@import url("parts/fonts.css");
@import url("parts/app.css");

@keyframes fade {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

header {
  display: grid;
  min-height: calc(100vh - 2rlh);
  place-items: center;
}

header h1 {
  animation: fade 10s ease-in-out infinite;
  display: flex;
  flex-wrap: wrap;
  font-family: "Rubik 80s Fade", system-ui;
  font-size: 10rem;
  line-height: 1;
  text-transform: uppercase;
}