@font-face { font-family: '5x3'; src: url('5x3.ttf'); }
    
    body {
      font-family: '5x3', sans-serif;
      font-size: 48px;
      background: url("/images/background.png");
      cursor: url("/images/pixel/cursor.png"), auto;
    }
    h1 {
      font-size: 80;
    }
    h2 {
      font-size: 64;
    }
    /* v links v */
    a {
      color: #0000FF;
      text-decoration-line: none;
    }
    a img:hover {
      transform: scale(1.5);
    }
    .hoversize a img:hover {
      transform: scale(1);
    }
    a:hover {
      cursor: url("/images/pixel/pointer.png"), auto;
      color: #000080;
    }
    a:visited{
      color: #8000FF;
    }
    a:active {
      color: #000000;
    }
    a:hover:visited {
      color: #800080;
    }
    button {
      color: #000000;
      background: #FFFFFF;
      font-family: '5x3';
      font-size: 48px;
    }
    /* v top bar v */
    .topleft {
      position: fixed;
      top: 0;
      left: 0;
      width: 33%;
      border: 2px solid #000000;
      background: #FFFFFF;
      text-align: center;
    }
    .topright {
      position: fixed;
      top: 0;
      right: 0;
      width: 10%;
      border: 2px solid #000000;
      background: #FFFFFF;
      text-align: center;
    }
     .title {
       position: absolute;
       top: -96px;
       left: 8px;
       text-align: center;
       white-space: nowrap;
       overflow: hidden;
     }
     .title a {
       color: #000000;
     }
     .title a:hover {
      cursor: url("/images/pixel/pointer.png"), auto;
      color: #808080;
    }
    .title a:visited {
      color: #000000;
    }
    .title a:active {
      color: #FFFFFF;
    }
    .title a:hover:visited {
      color: #808080;
    }