/*********** Fonts ***************/

@font-face {
   
    font-family: montserratreg;src: url(https://feralasar.neocities.org/Fonts/MontserratRegular-RpK6l.otf);
    
    }
  
  @font-face {
    
    font-family: sandandreas; src: url(https://feralasar.neocities.org/Fonts/SanAndreas-MVxPw.otf);
    
    }
 
  @font-face {
    
    font-family: highonfire; src: url(https://feralasar.neocities.org/Fonts/Highonfire-3XM3.otf);
    
    }
 
  /*************** Background ***************/
 
  body { 
    
    background-image: url("https://files.catbox.moe/m9cdfd.png");
    
    background-size: 400px;
    
    cursor:url("https://files.catbox.moe/ll1upe.png"), auto;
    
    box-sizing: border-box;
    
    }
 
  /*********** Container ***************/

  #container {

    max-width: 950px;

    display: flex;

    justify-content: center;

    margin: 0 auto;

    flex-flow: nowrap column;
  }

  /*********** Nav ***************/

  .navwords {
   
    font-family: highonfire; 
    
    font-size: 30px;

    margin-bottom: 20px;
      
    Display: flex;
    
    flex-flow: nowrap row;
    
    justify-content: center;
    
    }

    .navwords a {

        margin-left: 30px;
    }

 /*********** Boxes ***************/

  #Mainbox {
    
    background-image: url(https://files.catbox.moe/9fa8oy.png);

    padding: 10px;

    max-height: auto;

    order: 1;

    border: 40px solid transparent;
    
    border-image: url(https://files.catbox.moe/g5web4.png) 40 round;

    border-image-outset: 0.4;


  }

  .description {
    
    line-height: 32px;

    margin-bottom: 30px;
  }

  .updates {

    overflow: scroll;

    overflow-x: hidden;

    background-image: url(https://files.catbox.moe/8mhq2i.png);

    margin: 0 auto;
    
    margin-top: 30px;

    width: 75%;

    max-height: 250px;

    border: 40px solid transparent;
   
    border-image: url(https://files.catbox.moe/hiypy6.png) 40 round;
   
    border-image-outset: 0.4;
    
    scrollbar-width: none;

  }

  .updatestitle {

    font-family: highonfire;

    font-size: 25px;

    letter-spacing: 5px;
  }

  hr {

    width: 100%;

    color:#323232;

    display: block;

    margin-bottom: 30px;

    border: 1px solid black;

  }

  
  .morelinks {
    
    margin-top: 20px;
    
  }
  
  .guestbooktitle {
      
      font-size: 18px;
      
      color: white;
      
      font-family: georgia;
  }

 /******* list **********/
  
 ul,li {
    
    color: white;
    
    font-family: georgia;

    font-size: 14px;
    
    list-style-position: outside;
    
    list-style-image: url(https://files.catbox.moe/aokc6f.png);
    
  }
  
   li {
    
    margin-top: 30px;
    margin-bottom: 25px;
    
    }
 /******** Repeating stuff*******/

  .updates {

    background-color: #494949;
    
  }

 #footer a:hover, .footerwords a:focus, .footerwords a:hover, #footer a:focus, .navwords a:hover, .navwords a:focus, #Mainbox a:hover, #Mainbox a:focus {

    color: #abc8e3;
 }

 #footer a, .navwords a, #Mainbox a {

    cursor: url(https://files.catbox.moe/xvyo8m.png),pointer; 
 }


#footer, .footerwords a, .navwords a, #footer a:visited, .navwords a:visited, #Mainbox a {

    color: white;

    text-decoration: none;

 }

  .description, .morelinks {

    font-family: georgia;

    color: white;

    font-size: 14px;

  }
  
  #footer, #Mainbox {

    background-color: #2a2a2a;
    
    margin-top: 30px;

    text-align: center;
    
  }

  /*********** Imgs ***************/
 
  img {
   
    max-width: 100%;
    
    height: auto;
  }

  .cactidivider {

    margin: 0 auto;

    margin-top: 20px;
  }

  .sitetitle {

    margin-bottom: 40px;
  }

  .linkpixels {

    margin-bottom: 20px;

    justify-content: center;

    display: flex;

    flex-flow: wrap row;

    gap: 10px;
  }
  
 /*********** Footer ***************/
 
 #footer {
   
   border-radius: 30px 10px ;
   
   border: 2px solid black;
   
   padding: 20px;
   
   max-height: auto;
   
   order: 2;
   
   display: flex;
   
   justify-content: center;
   
   margin-bottom: 30px;
   
   
 }

    
 .footerwords {
    
    font-family: sandandreas;
    
    letter-spacing: 2px;
    
    font-size: 13px;
     
   }
    
    #javpics {
      
      margin-left: 5px;
      
      margin-right: 5px;
      
    }
    
      
    @media screen and (max-width: 680px){
        
  
      
      .navwords {
        
        font-size: 20px;
      
    }
    
    @media screen and (max-width: 560px){
      
      .updatestitle {
        
        display: block;
        
        font-size: 13px;
        
      }
      
      .navwords {
        
        display: block;
        
      }
      
      @media screen and (max-width: 400px){
        
        .pixels {
          
          width: 40%;
        
        
      }
      
    @media screen and (max-width: 390px){
      
      
      .updates {
        
        width: 60%;
        
        height: 400px;
        
      }
      
      li {
        
        font-size: 12px;
        
        
      }
    }
      }
    }
}