lev.css

* {
  box-sizing: border-box;
}

a {
  flex-basis: 20%;
  display: inline-flex;
  padding: 1ch;
  text-decoration: dotted overline;
}

h1 {
  display: flex;
  align-items: center;
  flex-flow: column;
  font-size: 3rem;
  margin: auto;
}

h1 a {
  text-shadow:
    0 1vh 0,
    0 2vh 0,
    0 3vh 0 blueviolet,
    0 5vh 0 darkviolet,
    -3rem -3rem 1pc orange,
    -2rem -2rem 2pc orange,
    -1rem -1rem 1pc orange,
    -1rem -1rem 1pc orange,
    1rem -1rem 1pc violet,
    2rem -2rem 2pc violet,
    3rem -3rem 3pc violet,
    5rem -5rem 5pc violet;
}

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

body {
  border: 1rem solid;
  border-left-color: var(--tape-play);
  border-right-color: var(--tape-loud);
  border-bottom-color: var(--tape-luvu);
  border-top-color: var(--tape-bluv);
  margin: 0;
  overflow-wrap: anywhere;
  padding: 1ch;
}

li {
  display: inline-flex;
}