@font-face {
  src: url("../fonts/futura.otf");
  font-family: 'futura'; }

body {
  background-color: #1E1E1E;
  color: white;
  font-family: arial;
  padding: 2rem;
  font-family: 'futura'; }
  body a, body a:visited {
    color: white; }
    body a:hover, body a:focus, body a:visited:hover, body a:visited:focus {
      color: #1E1E1E;
      background-color: white;
      text-decoration: none; }
      body a:hover:first-child, body a:focus:first-child, body a:visited:hover:first-child, body a:visited:focus:first-child {
        background-color: #1E1E1E;
        color: white; }
  body div, body details {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px; }
    body div a, body details a {
      width: 100%;
      height: 32px;
      line-height: 32px;
      display: block;
      float: left;
      position: relative; }
      body div a:visited, body details a:visited {
        color: gray; }
      body div a span, body details a span {
        float: left; }
        body div a span:first-child, body details a span:first-child {
          width: 200px;
          margin-right: 16px; }
        body div a span:last-child, body details a span:last-child {
          width: calc(100% - 300px);
          height: 32px;
          text-overflow: ellipsis;
          overflow: hidden; }
  body summary {
    outline: none; }
    body summary:hover {
      cursor: pointer;
      background-color: white;
      color: #1E1E1E; }
  body footer {
    display: block;
    width: 100%;
    float: left;
    margin-top: 16px; }
    body footer h3 {
      margin-left: 0;
      padding-left: 0; }
  body hr {
    margin: 2rem 0;
    color: white; }