html {
    -ms-overflow-style: none;
    scrollbar-width: none;}
    
  html::-webkit-scrollbar {
    display: none;
    }
    
  body {
    margin:20px;
    font-family: courier;
    background-image:url(https://caesthoffe.neocities.org/assets/grayglitch.gif)
    }
    
  p, ol, ul {
    color:white;
    font-size:13px;
    margin:0px
    }
   
  i {
    font-weight:bold;
    color:#d03739;
    }
   
  a {
    color:white;
    text-decoration:underline;
    text-decoration-color:#d03739;
    }
    
  a:hover {
    font-weight:bold;
    }
      
  h1 {
    color:white;
    font-size:25px;
    text-align:center
    }
    
  h2 {
    font-size:14px;
    text-decoration:underline;
    color:white
    }
    
  h3 {
    margin:0px 0px 10px 0px;
    border-bottom: dotted 3px;
    color:white
    }
    
  .box {
    margin-top:30px;
    overflow: hidden scroll;
    padding:15px;
    background-color:#333333;
    border:ridge 5px white;
    -ms-overflow-style: none;
    scrollbar-width: none;
    }
      
  .box::-webkit-scrollbar {
    display: none;  
    }
    
  .sidebar {
    margin: 0;
    padding: 10px;
    width: 250px;
    background-color: #333333;
    border:ridge 5px white;
    position: fixed;
    height: 90%;
    overflow: auto;
    }

  .content {
    margin-left: 300px;
    padding: 1px 30px 0px 30px;
    }

  @media screen and (max-width: 700px) {
  .sidebar {
    width: 96%;
    margin-bottom:30px;
    height: auto;
    position: relative;
  }
  div.content {
    margin:0px 20px 0px 20px;
    padding:0px;
  }
}

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

  .links {
    text-align:center;
    margin-top:15px;
    width:100%;
    }
    
  .links a {
    padding:5px;
    display:block;
    background-color:#4c4c4c;
    border-right:solid 1px #808588;
    border-top:solid 1px #220212;
    border-left:solid 1px #220212;
    border-bottom:solid 1px #808588;
    margin:0px auto 5px
    }
    
  .links a:hover {
    background-color:#d03739;
    }