body {
  background-image: url("/assets/BG-darkstars.png");
  font-family: "Courier New", Courier, monospace;
  font-size: smaller;
}

#wrapper {
  border: 2px solid black;
  max-width: 750px;
  margin: auto;
  background-image: url("/assets/BG-paper.png");
}

header {
  overflow: hidden;
  height: 150px;
  width: 750px;
}
header img {
  overflow: hidden;
  object-fit: cover;
}

nav {
  text-align: center;
  vertical-align: top;
  padding: 12px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.center {
  text-align: center;
}

main {
  min-height: 450px;
  padding: 0 24px;
  position: relative;
}

.bottom {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  margin: auto;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABIUlEQVRYR+1Z7RKDMAib7//Qm+5O13YggUI/vO6XZ8uIgYa4ba/f551cp5cbc7+8HRqfgghNBDzsbf4D6LmBY26I9UcBPavWqzW+eRFGpwMKnIeQLWpGQ1AAX3oBLUuL6iaQo2pLpjaUjg4PdBRmSd2m2JMEvqqeQLAbUE5PAQzZFtUktDA6HVDroZNay7303YBKT+qlCqY8Fh1FE3GHC43/E3w0sDWjWT6Ne1pABQE2uydtq3AvgahqLKDSKNVWxOxHtYmspa/2o92BovITDfQ5s17LqHRopPXlRyWGvNbdetQLkMpdWWxeNFDyrEwFtFYXoxk2m5JoYOTI1Rjn9fuol3GWerjJOlL6JkB2Vm9H6lR/35QCW7aM6t2G6DeX+A+i15AZncAfXQAAAABJRU5ErkJggg==") 14 / 14px / 0 round;
  border-width: 14px;
  border-style: solid;
}

dt { font-weight: bold;}