wall.css

:root {
  font-family: sans-serif;
  font-size: max(20pt, 5vw);
}

:any-link {
  font-size: max(0.5rem, 44px);
}

:focus {
  outline-style: dashed;
  outline-width: thick;
}

body {
  margin: auto;
  overflow-wrap: anywhere;
}

figure {
  margin: auto;
  padding-block-end: 3rem;
}

figcaption {
  font-family: monospace;
  font-size: .5rem;
  max-width: 10em;
  padding: 5vmin;
  position: absolute;
  top: 100vh;
}

blockquote {
  align-items: center;
  display: flex;
  flex-flow: column;
  font-size: 2em;
  font-weight: bold;
  justify-content: center;
  margin-block-start: 33vh;
  margin-block-end: 33vh;
  transform: rotate(0);
}

@media (orientation: portrait) {
  blockquote {
    transform: rotate(90deg);
  }
}

.snooze {
  font-size: 1.618em;
  letter-spacing: 0;
}

@media (max-width: 33em) {
  .snooze {
    letter-spacing: -3vw;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .snooze {
    transition: 99ms ease;
  }
}