body {
        font-family: OpenDyslexic;
        font-size: 13px;
      }
      @font-face {
        font-family: Allise;
        src: url("/SITE THEME/Allise.ttf");
      }
      @font-face {
        font-family: OpenDyslexic;
        src: url("/SITE THEME/OpenDyslexic-Regular.otf");
      }
      .head {
        width: 100%;
        max-height: 100px;
        background: #DCBF5C;
        background: linear-gradient(90deg,rgba(255, 250, 230, 1) 0%, rgba(239, 223, 167, 1) 65%, rgba(220, 191, 92, 1) 100%);
        img {
          max-height: 99px;
        }
      }
      footer {
        width: 99%;
        text-align: center;
        background: #DCBF5C;
        background: radial-gradient(circle,rgba(220, 191, 92, 1) 0%, rgba(239, 223, 167, 1) 65%, rgba(255, 250, 230, 1) 100%);
        margin-top: 10px;
        padding: 10px;
      }
      .title {
        font-family: Allise;
        font-size: 40px;
        position: absolute;
        top: 35px;
        right: 40px;
      }
      .nav {
        max-width: 12%;
        max-height: 100%;
        background-color: #f2e5c0;
        padding: 10px;
        text-align: center;
        margin-top: 5px;
        margin-right: 5px;
      }
      .main {
        position: absolute;
        width: 84%;
        right: 10px;
        top: 105px;
        margin-top: 8px;
        margin-left: 5px;
        max-height: 750px;
        overflow: auto;
      }
      .contents {
        background-color: #fff0b3;
        border: 2px solid #695616;
        width: 300px;
        padding: 10px;
        float: right;
        margin: 10px;
      }
      h1, h2, h3 {
        font-family: Allise;
        color: #c7a900;
      }
      td {
        border: 5px solid #695616;
        padding: 5px;
        width: 500px;
        text-align: center;
      }