@font-face {
  font-family: 'Funnel Display';
  src: url("/assets/FunnelDisplay-VariableFont_wght.ttf");
}
.skip {
  left: 0;
  padding: 1em;
  position: absolute;
  transform: rotate(-90deg) translateY(-100%);
  transform-origin: top left;
  transition: transform 0.3s;
  background: #fff;
}
.skip:focus {
  transform: rotate(0) translateY(100%);
  transform-origin: top left;
}
body {
  font-family: 'Funnel Display';
}
@media (min-width: 500px) {
  body {
    display: flex;
    justify-content: center;
    gap: 1em;
  }
}
main {
  flex-basis: 100%;
}
main article {
  max-width: 700px;
}
body > header img {
  display: block;
  margin: 1em;
  max-width: 30vw;
  float: left;
}
body > header h1 {
  font-size: 6vw;
  display: inline;
}