shall.css

:root {
  font-family: sans-serif;
  font-size: max(1em, 3vmax);
  line-height: 1.61;
}

a small {
  font-size: .8em;
}

a strong {
  font-size: 1.22em;
  font-weight: 500;
}

footer {
  padding: 1em;
  min-height: 100vh;
}

[href] {
  display: inline-flex;
  border-radius: 20%;
  text-decoration: wavy underline;
}

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

:focus {
  outline: thick dotted;
}

.bold {
  font-weight: bolder;
}

.free {
  margin: auto;
  overflow-wrap: anywhere;
}

.pad {
  padding: 1ex;
}

.plastron {
  contain: style;
  max-width: 90vw;
  box-sizing: border-box;
  margin: auto;
  padding: 2em;
  display: flex;
  flex-flow: wrap;
}

.luna {
  list-style: inside decimal-leading-zero;
  flex-basis: calc(100% / 3);
  margin: 1ex auto;
}

.angel { float: left }
.devil { float: right }

/* (((((o))))) */
.o01 { order: 1 }
.o10 { order: 2; margin-top: -1ex }
.o09 { order: 3 }
.o02 { order: 4 }
.o11 { order: 5; margin-top: -.5ex }
.o08 { order: 6 }
.o03 { order: 7 }
.o12 { order: 8; margin-top: 0 }
.o07 { order: 9 }
.o04 { order: 10 }
.o06 { order: 12 }
.o13 { order: 11 }
.o05 { order: 13 }