grime.css

/* .dew-soak {
  --dew-shift: filter 33ms;
  --dew-solar: violet;
  --dew-lunar: indigo;
  --dew-hover: hue-rotate(-30deg);
}

@media (prefers-contrast: more) {
  .dew-soak {
    --dew-solar: mistyrose;
    --dew-lunar: indigo;
  }
} */

:link {
  box-shadow: 0 0 1em 1ex coral;
}

.fluid {
  contain: paint;
}

.tulip {
  background: linear-gradient(to top, violet, orchid, plum, thistle);
}

.lotus {
  background: linear-gradient(to top, blueviolet, deepskyblue, skyblue, aquamarine);
}

html {
  font-family: sans-serif;
  font-size: calc(1em + 1vw);
}

body {
  background-image: none;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 1em;
  overflow-wrap: anywhere;
  padding: 1em;
  min-height: calc(100vh - 2em);
}

@media (prefers-reduced-motion) {
  [class] {
    transition: none;
  }
}