nan.css

:any-link {
  color: inherit;
  text-decoration-style: dotted;
}

:hover {
  text-decoration-style: solid;
}

:focus {
  text-decoration-style: solid;
  outline: thick groove;
}

::selection {
  background: deeppink;
  color: indigo;
}

.bae {
  background: #bae;
  color: #111;
}

.luv {
  background: violet;
  color: #111;
}

.soar {
  background: blueviolet;
  color: mistyrose;
}

.oslo {
  background: #0be;
  color: #111;
}

.aoyo {
  background: mediumturquoise;
  color: indigo;
}

.jugo {
  background: mediumpurple;
  color: #111;
}

.cmon {
  background: #ec0;
  color: indigo; 
}

html {
  font-family: sans-serif;
  font-size: max(20pt, 10vmin);
  line-height: 2;
}

body {
  margin: 3vh 0;
  overflow-wrap: anywhere;
}

p {
  margin: 0 auto 1em;
}

a {
  border-color: transparent;
  border-radius: 100% 0;
  border-style: double;
  border-width: 1ex;
  box-sizing: border-box;
  margin: 1ex;
  padding-block: 1ex;
}

article {
  box-sizing: border-box;
  contain: layout;
  margin: auto;
  padding-inline-start: 1em;
  padding-inline-end: 1ex;
  min-height: 100vh;
}

h1 {
  margin: auto;
  font-weight: unset;
  transform: rotate(3deg);
}

code {
  display: inline-block;
  transform: rotate(-9deg);
}

footer {
  margin-block: 2rem;
  transform: rotate(-3deg);
}

.kumo  {
  text-shadow:
    -30vw 50vh 1em blueviolet,
    -10vw 30vh 1em hotpink,
    -10vw 30vh 1em coral,
    10vw -10vh 1em salmon,
    50vw 30vh 1em darkviolet;
}