/*********** 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);
   
   }
   
 @font-face {
     
     font-family: walshes; src: url(https://feralasar.neocities.org/Fonts/Walshes.otf);
     
   }
   
    /*********** Background ***************/

 body { 
   
   background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/bats%20and%20graves.png);
   
   background-size: 200px;
   
  background-color: #4d5a81;
   
   cursor:url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Senka%20pawpad.png"), auto;
   
   box-sizing: border-box;
   
   }
   
    /*********** Container ***************/
    
    #container {
      
     max-width: 900px;
     
     margin: 0 auto;
     
     margin-top: 30px;
      
 }
 
  #boxes {
   
   display: flex;
   
   flex-flow: column nowrap;
    
  }
  
  .boxrow {
    
   align-items: center;
    
   display: flex;

   flex-direction: column;
  }
    
    /*********** Imgs ***************/
 
 img {
   
   max-width: 100%;
   
   height: auto;
 }
 
  .zoom {
     
     transition: transform .2s;
   }
   
   .zoom:hover {
     
     transform: scale(1.2);
     
     cursor: url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Senka%20pawpad.png"), pointer;
   }

    .stuff {
     
     margin: 20px 0px 20px 0;
   
   }
 
 /********* Cards ***********/
 
 .card1 {
   
   height: 250px;
   
   border-radius: 10px 50px;
   
 }
 
 .card2 {
   
   text-align: left;
 }
 
 .card3 {
   
   border-radius: 10px;
   
   height: 540px;
   
   
 }
  .card4 {
    
   border-radius: 20px;
   
   height: 450px;
   
 }
 
 .cardrow {
   
   display: flex;
   
   flex-flow: row wrap;
   
 }
 
 .col {
   
   padding: 20px;
   
   position: relative;
   
   width: 100%
 }
 
 .row {
   
   display: flex;
   
   flex-flow: wrap;
   
 }
 
 .invenbox {
   
   border-radius: 10px;
   
   height: 300px;
   
 }
 
  .playlistbox {

  height: 160px;

}

.invenbox {

  height: 300px;

 }
 
  .picturecard {
    
   height: 420px;
    
   width: 200px;
    
   padding: 5px;
    
   border-radius: 10px;
    
   border: 5px double #eaeaea;
   
   background-image: url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/dark-stripes.png");
   
   background-color: #0c0c0c;
   
   text-align: center;
    
    
  }
 
 .m-2 {
   
   margin: .7rem;
 }
 /******* HR *********/
  hr {
    
   width: 80%;
    
   display: block;
    
   color: #323232;
    
   border-width: 1px;
    
   margin-top: 20px;
 
   margin-bottom: 20px;
   
   }
 
 /******* Links ***********/
 
 a {
   
   color:  #4f5a9c;
   
   cursor: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Senka%20pawpad%20click.png), pointer;
   
   text-decoration: none;
   
 }
 
  a:hover {

  color: #22263d;
}
 
  .designlink {

  margin: 20px 20px 30px 30px;

  font-size: 16px;

  color: #7a4c4c;

  font-family: montserratreg;

 }
 
 
 /******* Words **********/
 
 .title {
   
   font-size: 70px;
   
   letter-spacing: 6px;
 }
 
 .about {
   
   font-family: times;
   
   font-size: 18px;
   
   text-indent:1em;
   
   line-height:1.5em;
 }
 
 .infoheader {
   
   letter-spacing: 3px;
   
   font-size: 30px;
   
   text-align: center;
   
   margin: 5px 0 5px 0;
 }
 
  .list {
    
    text-align: left;
    
    font-size: 18px;
    
    font-family: times;
  }
  
  
  /******* ul/li **********/
  
  ul,li {
    
    list-style-position: outside;
    
    list-style-image: url(/);
    
  }
  
   li {
    
    margin-top: 25px;
    margin-bottom: 25px;
    
    }
 
 /******** Table ********/
 
 .infotable {
   
   width: 100%;
   
   padding: 5px;
   
   font-family: verdana;
   
   text-align: left;
   
   font-size: 15px;
   
   border-spacing: 5px;
 }
 
 .infotable td {
   
  width: 10%;
   
  padding: 5px;
  
  font-size: 0.9em;
}
 
 .infotable td:nth-child(2n+1) {
   
  background-color:rgba(37,37,39,4);
  
  border-radius: 5px;
  
 }
 
   .songs {

  padding: 5px;

  text-align: left;

  width: 100%;
  
  border-spacing: 10px;

  }

  .songs td {


   padding: 10px;


  }

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

    padding: 8px 10px 8px;
   
    background-color:rgba(37,37,39,4);
    
    border-radius: 20px 3px;
    
   }
 /********* Headers **********/
 
 
 h1 {
   
   font-style: italic;
   
   color: #222222;
   
   letter-spacing: 2px;
   
   font-family: tahoma;
   
   font-size: 16px;
   
   margin-bottom: 20px;
   
 }
 
 h2 {
   
   font-style: italic;
   
   color: #cde0ff;
   
   font-size: 15px;
   
   font-family: georgia;
   
   letter-spacing: 1px;
   
 }
 
 /************ Repeating stuff *********/
 
 .triviabox, .card2 {

  border-radius: 30px;

 }
 
 .card2, .triviabox {

    height: 400px;
    
  }
  
    .box1, .box2, .box3 .card1, .card2, .card3, .card4, .invenbox, .triviabox, .playlistbox {
      
      max-height: auto;
      
  }
 
   .card1, .card2, .card3, .card4, .invenbox, .triviabox, .playlistbox {
     
   border: 2px solid black;
   
   align-content: center;
   
   width: 85%;  
   
   overflow: scroll;
   
   overflow-x: hidden;
   
   background: #8b8b8b;
   
   padding: 18px;
     
   }
 
    .box1, .box2, .box3, footer {
     
     Background-color: #2e2540;
     
     margin-bottom: 30px;
     
     background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/white-diamond.png);
     
   }
   
   .box1, .box2, .box3 {
     
     border-radius: 50px;
     
     border: 5px solid black;
     
     padding: 10px;
     
   }
   
   .infotable, .infoheader, .title, .fillerwords, .songs {
     
     color: #eaeaea;
     
     
   }
   
   .infoheader, .title {
     
     font-family: walshes;
     
   }
   
    .playlistbox, .invenbox {

   border-radius: 10px;

   }
 
/********* Boxes **********/

 .box1 {
   
   order: 1;
   
   height: 2480px;
   
 }
 
 .box2 {
   
   order: 2;
   
   height: 1030px;
   
 }
 
 .box3 {
   
   order: 3;
   
   height: 750px;
   
 }
  /******Footer******/
 
  #footerbar {
    
    order: 3;
    
    display: flex;
    
    flex-direction: row;
    
    Justify-content: center;
    
    }

 footer {
   
   order: 3;
   
   border: 40px solid transparent;
   
   border-image: url(https://files.catbox.moe/v4wkmr.png) 40 round;
   
   border-image-outset: 0;
   
   }

 .back {
  
   cursor: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/pawpad_click.png), pointer;
 }
 
 /******** Media queries *********/
 
 @media screen and (max-width: 630px){
   
     .songs td {

  display: block;

  }
 
 
 @media screen and (max-width: 420px) {
   
   .infotable td {
     
     width: 90%;
     
     display: block;
   
 }
 
 @media screen and (max-width: 330px) {
   
   
   h1 {
  
  font-size: 12px;

   }
   
   .infoheader {
     
     font-size: 15px;
   }

   .title {
    
    font-size: 40px;

   }}}}