jel.css

:root {
  background: #528;
  color: peachpuff;
}

.spun {
  background: blueviolet;
  color: gainsboro;
}

::selection {
  background: deeppink;
  color: #030303;
}

:any-link { color: #1ed }
:any-link:nth-child(odd) {
  color: #ee1;
}

:focus { 
  text-decoration-style: dotted;
  outline: 1ex dotted;
}

:hover { text-decoration-style: double }
:active { filter: hue-rotate(1deg) }

html {
  font-family: sans-serif;
  font-size: max(2em, 2vmax + 3vmin);
}

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

svg {
  max-width: 100%;
  height: auto;
}

h1 {
  display: flex;
  font-size: 2.618rem;
}

nav {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-flow: column;
  margin-bottom: 8ex;
  text-shadow: 1em -3em 1ch #ee1;
}

em {
  display: flex;
  flex-flow: column;
  font-size: 1.618rem;
  margin-top: 62vh;
}