body {
  background-color: black;
  font-size: 18px;
}

h1 {
 font-variant: small-caps;
 color: white;
 text-decoration: underline;
}

:root {
  --rows: 3;
}

#poems {
  position: absolute;
  width: 98vw;
  left: 50%;
  transform: translateX(-50%);
  height: calc(var(--rows) * 10.7em + 10em);
}

#columnA {
  position: absolute;
  left: 5%;
  width: 26%;
}

#columnB {
  position: absolute;
  left: 36%;
  width: 26%;
}

#columnC {
  position: absolute;
  left: 67%;
  width: 26%;
}


.haiku {
  text-align: center; 
  color: white;
  background-image: linear-gradient(black, #300700);
  border: outset red .3em;
  border-radius: .5em;
  padding-top: 2em;
  padding-bottom: 2em;
}

.nav {
  position: absolute;
  word-spacing: 1.5em;
  left: 49%;
  transform: translateX(-50%);
  bottom: 0%;
}

a {
  color: white;
}