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

@font-face {
   
    font-family: montserratreg; src: url(https://feralsworld.rodeo/Fonts/MontserratRegular-RpK6l.otf);

}

@font-face {

    font-family: computerist; src: url(https://feralsworld.rodeo/Fonts/Computerist.ttf);
}

@font-face {
    font-family: pixeloperator; src: url(https://feralsworld.rodeo/Fonts/PixelOperator.ttf);

}

@font-face {

  font-family: nerik; src: url(https://feralsworld.rodeo/Fonts/Nerik-normal.ttf);
}

/*************** Background ***************/
 
  body { 

    Background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/Starry%20background.jpg);

    Background-size: 400px;

    margin: 0;
        
    cursor:url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Badger%20pawpad.png"), auto;
    
    box-sizing: border-box;

  }

  /*********** Container ***************/

   #container {

    width: 900px;

    justify-content: center;

    margin: 0 auto;

    margin-top: 50px;  
   
     flex-wrap: nowrap;

  }

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

  #mainbox{

    
    padding: 50px;

    height: 3600px;

    margin-top: 30px;

    margin-bottom: 30px;

    border-radius: 20px;

    Border: 5px double rgb(241, 239, 239);
  }

  .cdescription {

    background-image: url(https://files.catbox.moe/1u9xrc.png);

    border: 5px double white;

    border-radius: 10px;

    background-color: #929292;

  }

  .cdescription2 {

    border-radius: 20px;

    border: 2px solid white;

    margin-bottom: 80px;

    background-size: 20px;

  }

  .cdescription3 {

    border-radius: 10px 50px;

   border: 3px solid #79a38b;
    
  }

  .cdescription4 {

    border: 5px double white;

    border-radius: 20px;
  }

  .divider {

    color: rgb(26, 26, 26);

    border: 3px double white;

    border-radius: 60px 10px;

    background-image: url(https://files.catbox.moe/1u9xrc.png);

    background-color: #929292;

  }

  .divider2 {

      border-radius: 50px;

      border: 2px solid white;

    }

    .divider3 {

      border-radius: 30px 80px 30px;

      border: 3px solid #79a38b;
    }

    .divider4 {

      border: 3px solid white;

      border-radius: 10px 60px;
    }
  

   /******** Table ********/

   .infobox {

    display: flex;

    padding: 19px;

    margin-left: 10px;

    width: 100%;

    flex-direction: row;
   }
  
  
  .infotable td:nth-child(2n+1) {

   background-image: url(https://files.catbox.moe/thumbs/t_1u9xrc.png);

   background-size: 20px;
    
   background-color: #929292;
   
   border-radius: 20px 5px;

   border: 5px double white;
   
   }

   .charpicture{

    order: 2;

    margin-left: 50px;

    margin-top: 10px;
   }

   .table2 {

    background-size: 30px;
     
    background-color: #83a4b9;

   }

   .infotable2 td:nth-child(2n+1) {

    background-size: 20px;

    border-radius: 10px;

    border: 5px double white;

    background-image: url(https://www.transparenttextures.com/patterns/always-grey.png);
   }

   .infotable3 td:nth-child(2n+1) {

    border: 3px solid #79a38b;

    border-radius: 20px 60px 20px 0;
   }

   .infotable4 td:nth-child(2n+1) {

    border-radius: 10px;

    border: 5px double white;
   }

  /*********** Imgs ***************/

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

  /******* Words **********/

  .tb3w {

  color: #ffe599;
}

  .tb2w {

  color: #83a4b9;
}

 .tb4w {

  color: white;
 }

  .intro {

    font-family: montserratreg;

    color: white;

    font-size: 14px;

    margin-bottom: 50px;

  }
  
  .title {

    text-align: center;

    font-family: computerist;

    color:  white;

    font-size: 50px;

    margin-bottom: 50px;
  }

  /******* Links ***********/
  
  a {
    
    color:  #4f5a9c;
    
    cursor: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Badger%20pawpad%20click.png), pointer;
    
    text-decoration: none;
    
  }
  
   a:hover {
 
   color: #22263d;
 }

 /*********** Pagination ************/

#pagination {

  order: 2;

  width: 150px;

  display: flex;

  flex-direction: row;

  justify-content: center;

  border: 30px solid transparent;
  
  border-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/borders/wooden-frame.png)17% round;
  
  border-image-outset: 0;

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

}

/************ Repeating stuff *********/

#mainbox, #pagination {

    background-color: #3b3b3b;

    Background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/classy-fabric.png);

}

.cdescription3, .divider3, .infotable3 td:nth-child(2n+1) {

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

  background-color:#ffe599;
 
  background-size: 100px;

}

.divider4, .cdescription4, .infotable4 td:nth-child(2n+1) {

background-image: url( https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/asfalt-light.png);

background-color: rgb(163, 110, 163);

}


.cdescription2, .divider2, .infotable2 td:nth-child(2n+1) {

      background-color:  #83a4b9;

      background-image: url(https://files.catbox.moe/2eyd7q.png);


}

.cdescription, .divider4, .cdescription4, .infotable4, .cdescription2, .cdescription3, .divider, .divider2, .divider3, .infotable, .infotable2, .infotable3, .infotable td:nth-child(2n+1), .infotable2 td:nth-child(2n+1), .infotable3 td:nth-child(2n+1){

  background-attachment: fixed;
}

.cdescription, .cdescription2, .cdescription3, .cdescription4{

    font-family: montserratreg;

    margin: 0 auto;

    padding: 30px;

    overflow: auto;

    overflow-y: scroll;

    margin-bottom: 80px;

    width: 90%;

    margin-top: 30px;

    max-height: 230px;

    scrollbar-width: 2px;
}

.infotable td:nth-child(2n+1), .infotable2 td:nth-child(2n+1), .infotable3 td:nth-child(2n+1), .infotable4 td:nth-child(2n+1) {

   background-attachment: fixed;

   text-align: center;

   width: 50px;

}

.infotable, .infotable2, .infotable3, .infotable4{

    order: 1;

    height: 200px;
    
    font-family: pixeloperator;
    
    text-align: center;

    border-spacing: 10px;

    margin-top: 10px;

    letter-spacing: 5px;
   
    font-size: 15px;


}

.infotable td, .infotable2 td, .infotable3 td, .infotable4 td {

  padding: 5px;
}

.infotable td, .infotable2 td {

    color: #ffffff;
}

 .divider, .divider2, .divider3, .divider4{

  background-attachment: fixed;

   text-align: center;

   font-family: nerik;

    margin: 0 auto;

    font-size: 20px;

    font-style: italic;

    width: 98%;

    letter-spacing: 4px;
    
    
  }
#mainbox, .pagination, .cdescription, .cdescription2, .cdescription3, .infotable, .infotable2, .infotable3, .infotable4, .cdescription4 {

  max-height: auto;
}

.tb3w {

  color: #ffe599;
}
  

  /******** Media queries *********/