body {
      font-family:courier;
      margin: 0;
        background-image:url(https://caesthoffe.neocities.org/assets/backgrounds/pride.jpg);
        background-size:225px;
        background-attachment:fixed;
      font-family:courier;
      color:white;
      }
    
    p, ol, ul, li, a {
      font-size:13px;
      color:white;
      }

  p a {
    font-size:13px;
    color:white;
    }

    ul {
      list-style-type:none;  
      list-style-position: inside;
      margin:0px;
      padding:0px
      }

    li {
      margin-bottom:3px
      }

    li a {
      font-size:13px;
      text-decoration:none;
      background-color:white;
      color:black;
      }

    li a:hover {
      background-color:black;
      font-weight:bold;
      text-decoration:underline wavy .5px;
      color:white;
      }

      h1 {
        color:black;
        width:96%;
        background-color: white;
        margin: 0px auto 15px;
        padding:5px;
        outline: white 3px dotted;
        text-align:center;
        }

    h3 {
      margin: 10px 0px 10px 0px;
      padding:10px 0px 0px 0px;
      text-align:center;
      border-bottom: solid 1px white;
      }

  h4 {
    font-weight:bold;
    text-decoration: underline;
    padding: 15px 0px 6px 0px;
    }

  /* formatting */
    html::-webkit-scrollbar {
      display: none;
      }
      
    html {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
      }
      
    .sidebar {
      background-color:black;
      margin: 10px;
      border:ridge 3px white;
      padding: 10px;
      width: 200px;
      position: fixed;
      height: 93.1%;
      overflow: auto;
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
      }

    .sidebar::-webkit-scrollbar {
      display: none;
      }
      
    .sidebar p {
      margin:0px;
      padding:0px;
      }

    div.content {
      margin-left: 245px;
      padding: 1px 16px;
      }
    
    @media screen and (max-width: 700px) {
      .sidebar {
        width: 89%;
        height: auto;
        position: relative;
        margin: 10px auto 10px
        }
      .sidebar a {float: left;}
      div.content {margin-left: 0;}
      }
    
    @media screen and (max-width: 400px) {
      .sidebar {
        text-align: center;
        float: none;
        width:95%
      }}
        
    .box {
      border: ridge 3px white;
      background-color:black;
      width:95%;
      padding:10px;
      margin:10px auto 10px;
      }

  .justify {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    }
    
  .justify img {
    padding:2px;
    }