:any-link {
  color: inherit;
  text-decoration-style: dotted;
  text-decoration-thickness: .2ex;
}

:focus {
  text-decoration-style: double;
  outline: thick dotted;
}

:any-link:hover {
  text-decoration-style: double;
}

html {
  font-family: sans-serif;
  font-size: max(16pt, 1vmin + 1vmax + 1pt);
  line-height: 1.618;
}

body {
  display: flex;
  flex-flow: column;
  margin: 0;
  margin-bottom: 0vh;
  overflow-wrap: anywhere;
}

article {
  display: contents;
}

footer {
  writing-mode: vertical-rl;
}

footer a {
  padding: 2ch 1ch 3ch;
}

h1 {
  font-size: 1.618em;
}

q {
/*   quotes: none; */
}

article > * {
  align-items: flex-start;
	box-sizing: border-box;
  display: flex;
  flex-flow: column;
  margin: auto;
  justify-content: center;
  min-height: calc(100vh/3);
  min-width: 100vw;
  padding-inline-start: 10vw;
  padding-inline-end: 5vw;
}

menu {
  align-items: center;
}


.net {
  align-items: center;
}

.end {
  align-items: flex-end;
}

sub,
sup {
  font-size: 1.618rem;
}

aside {
  flex-flow: row wrap;
  padding-block: 1em;
}

samp {
  flex-basis: 10%;
}

p,
footer {
  font-size: 1.382rem;
}

em {
  font-style: unset;
}

span {
  font-size: 1.618em;
  margin-inline: 0.108ex;
  text-shadow: 0 0 1vmax;
  vertical-align: middle;
}

samp {
  border-radius: 100%;
  display: inline-flex;
  font-size: 3em;
}

menu {
  font-size: 5em;
  margin: 0;
  padding-block: 1ex;
}

li {
  all: unset;
}

li a {
  display: inline-block;
}

li.t1lt { transform: rotate(40deg) }
li.t2lt { transform: rotate(80deg) }
li.t3lt { transform: rotate(120deg) }
li.t4lt { transform: rotate(160deg) }
li.t5lt { transform: rotate(200deg) }
li.t6lt { transform: rotate(240deg) }
li.t7lt { transform: rotate(270deg) }
li.t8lt { transform: rotate(300deg) }
li.t9lt { transform: rotate(330deg) }

@supports (content: attr(data-e)) {
  kbd { font-size: 0 }
  kbd::before,
  a[data-e]::after {
    content: attr(data-e);
    font-size: .108rem;
  }
}

@media (orientation: portrait) {
  q {
    quotes: none;
  }
}

[hidden]:not(:target) {
	display: none;
}