nosh.css

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

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

main {
  contain; layout;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 1em;
}

header {
  border-radius: 13% 8%;
  padding-inline: 3vw;
}

h1 {
  display: flex;
  padding: 3vmin;
}

mark {
  border-radius: 13% 8%;
}

a {
  border-radius: 13% 8%;
  display: inline-block;
  padding: 1ch;
}

p { font-weight: bold }
samp { padding-inline: 1vw; font-size: 1.236em }
small { display: block; font-size: 1ch }
sub { all: unset }
sup { all: unset; font-size: 1.236em }
s { text-decoration-style: wavy }
em { text-shadow: 1vw -1vh 3pc var(--tape-bluv) }
a:hover { text-decoration-style: double }
:any-link { text-decoration-style: dotted }

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