/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* .html {
  

  } */


  body {
    font-size: 20px;
    background-image: url(/graphics/wallpaper/dither.png);
    background-color:#710310;
    background-size: fill;
    line-height: 0px;
    word-spacing:2px;
    padding: 0px;
  }
  
  .html, body a {
      color: #c80119;
      text-decoration: none;
      font-weight: bold;
    }
    
    .html, body a:hover {
      color: #eb031e;
      
    }
  
  .div {
    line-height: 23px;
  }
  


   /* WRAPPERS */
  


   .big-wrappa {
    height: 320px; 
    width: 1600px;
    border: 2px solid #d6f700;  
    /*margin-top: 185px;;
    display: flex;
    position: absolute;
    left: 300px;*/

  }
   


  



  

  /* BODY */
  
  .top-container {
    background-color: black;
    height: 302px; 
    width: 100%;
    border: 2px solid black;  
    margin-top: 185px;
    display: flex;
    box-shadow: -0rem 0rem 1.125rem 0.625rem #000000;
    padding-top: 0px;
    z-index: 1;
  }





  
  /*FLEXBOXES*/
  
  .content {
  background-color: black;
  width: 650px;
  /*flex: 20;*/
  padding: 5px;
  
  }
  
  .sidenav {
    padding: 10px;
    width: 165px;
    border-left: #e3e3e396 1px dotted;
  }


  .front-spacer {
    padding: 10px;
    background-color: black;
    width: 340px;
  }
  
  
  
  
  
  
  /*WRAPPERS*/
  
  
  .content-wrapper{
    width: 200px;
    margin-bottom: 0px;
  }
  
  
  
  
  /*FONTS*/
  
  @font-face {
    src: url(/fonts/FiveFontsatFreddys.ttf);
    font-family: div; 
  }
    body,html { 
    font-family: div;
    color: #e3e3e3;
    font-size: 7px;
    
    }

  
  
        @font-face {
          src: url(/fonts/GothicPixels.ttf);
          font-family: header1;
        }
          h2 {
          font-family: header1;
          color: #e3e3e3;
          text-decoration: underline;
          text-decoration-color:#710310;
          text-decoration-thickness: 7px;
          font-size: 13px;
          text-align: left;
          
          }




            @font-face {
              src: url(/fonts/EvilSound.ttf);
              font-family: header4;
            }
              h4 {
              font-family: header4;
              color: white;
              font-size: 53px;
              font-weight: 100;
              word-spacing: 5px;
              letter-spacing: -4px;
              text-align: center; 
              text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;
              }
  
  
  
  /*BULLETPOINTS*/
  
  li { list-style-image: url(/graphics/minis/planta.gif); 
  text-align: left;
  line-height: 23px;} 
  
  
  
  
  
  
    /** SCROLLBAR **/
  
  /* width */
  ::-webkit-scrollbar {
    width: 2px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: black; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #710310; 
  }