button {
    position: absolute;
    font-size: 12pt;
    left: 98%;
    top: 5%;

  }
  .button {
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 13px 7px;
    border: 2px solid #5c5a53;
    border-top-color: rgb(163, 154, 143);
    border-left-color: rgb(163, 154, 143);
    display: inline-block;
    margin: 1em .5em;
  }

  a.button:focus,
  a.button:active,
  a.button.pressed {
    border: 2px solid rgb(163, 154, 143);
    border-top-color: #5c5a53;
    border-left-color: #5c5a53;
    background: #6F6C64;
  }

  .dark-switch {
    cursor: pointer;
    position: absolute;
    top: 22px;
    right: 20px;
  }

  body.dark {
    background: #000000;
    color: #A0A0A0;
  }

  body.dark a {
    color: #A0A0A0;
  }

  body.dark a.button,
  body.dark .button-container a.button {
    border-color: #998f8f;
    border-right-color: #48433A;
    border-bottom-color: #48433A;
    background: transparent;
  }

  body.dark a.button:focus,
  body.dark a.button:active,
  .dark-switch.dark {
    background: #2C271E;
    border-color: #998f8f;
    border-left-color: #48433A;
    border-top-color: #48433A;
  }

  body.dark .extralarge {
    color: #A0A0A0;
    text-shadow: #5c5a53 -1px -2px 0;
  }
  body {
    position: absolute;
    font-family: sans-serif;
    margin-left: 5%;
  }

  p {
    font-size: 13pt;
  }

  li {
    list-style-type: none; 
    line-height: 15pt;
  }

  .year {
    list-style-type: none;
    color: tomato;
    line-height: 2.0;
    left: 200pt;
  }

  a:link {
    color: black;
  }