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

   @font-face {
     
     font-family: montserratreg; src: url(https://feralasar.neocities.org/Fonts/MontserratRegular-RpK6l.otf);
     
     }
 
   @font-face {
     
     font-family: highonfire; src: url(https://feralasar.neocities.org/Fonts/Highonfire-3XM3.otf);
     
     }
 
 /*************** Background ***************/
 
 body {
   
   background: url(https://files.catbox.moe/ntcg2u.png) repeat;
   
   cursor:url("https://files.catbox.moe/ll1upe.png"), auto;
   
   }
 
 /*********** Container ***************/
 
 #wrapper {
   
   max-width: 740px;
   
   display: flex; 
   
   flex-direction: column; 
   
   margin: 0 auto; 
   
   margin-top: 50px; 
   
   align-items: center; 
   
   flex-wrap: wrap;
   
   }
 
 /*********** Imgs ***************/
 
 img {
   
   max-width: 100%
 
 }
 
   #flowerleft {
     
     margin-right: 10px;
     
     }
 
   #flowerright {
     
     margin-left: 10px;
     
     }
    #titlepic {
      
      margin-bottom: 10px;
      
     }
     
     
 /******** Repeating stuff*******/
 
 #box, .words, #words2 {
   
   text-align: center;
   
 }
 
 .words, #words2 {
   
   font-family: montserratreg; 
 
   color: white; 
 }
 
  #words2 a:focus, #words2 a:hover {
   
   color:#abc8e3;
 
   text-decoration: none;
   
   }

 /*********** Box ***************/

 #main {
 
   margin-top: 20px;
   
   }

   .words {
 
     font-size: 13px;
     
     }
 
 #words2 {
 
   font-size: 14px;
 
   margin-top: 40px; 
 
   margin-bottom: 40px;
   
   }
 
 #words2 a {
   
   cursor: url("https://files.catbox.moe/xvyo8m.png"), pointer;
 
   font-family: highonfire; 
 
   font-size: 55px; 
   
   text-decoration: none;
   
   color: white;
   
   }
 
 #box { 
   
   order:1; 
   
   height: 400px; 
   
   border: 40px solid transparent; 
   
   background-color: #2a2a2a; 
   
   padding: 20px;
   
   border-image: url(https://files.catbox.moe/6fi80n.png) 40 round;
   
   border-image-outset: 0.4;
   
   background-image: url(https://files.catbox.moe/9fa8oy.png);
   
   }
 
 /*********** Media Queries ***************/
 
 @media screen and (max-width: 800px) {
   
   
   .cornerart, .cornerart2 {
     
     display: none;
   }

 @media screen and (max-width: 600px){
   #box {
     
     width: 184px;
     
     height: 450px;
     
     }
     
   #words2 a{
     
     font-size: 32px;
     
     height: auto;
     
     }
     
   #flowerleft, #flowerright {
     
     max-width: 16%;
     
     height: auto;
     
     }
}

@media screen and (max-width: 450px){
  
  #box {
    width: 90px;
    
    height: 650px;
  }
 #words2 a{
     
     font-size: 15px;
     
     height: auto;
     
     }
}
  #flowerleft, #flowerright {
     
     max-width: 10%;
     
     height: auto;
     
     }
}