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;
    background-size: 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;}
  .bg-img { pointer-events: none; }