html {
  min-height: 100vh;
  margin: auto;
  
}
@font-face {
    font-family: 'Berylium';
    src: url('/Fonts/Berylium.ttf');
}
  
 
 img {
   display: flex;
   margin: auto;
   justify-content: center;
 }
 
  gif {
   display: flex;
   margin: auto;
   justify-content: center;
 }
 
 
 
 
body {
  min-width: 1000px;
background-image: url('https://ik.imagekit.io/ScootysImages/LVK/2456998mguiy09fms.gif');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
overflow: auto; 
cursor: url("https://www.cursors-4u.com/cursor/mini-rage-face-omg-smiley?_gl=1*uqpegl*_up*MQ..*_ga*MzYzMDY5MTM4LjE3NzE3MDEyNDM.*_ga_4GPDGFC533*czE3NzE3MDEyNDIkbzEkZzEkdDE3NzE3MDEzMTgkajQ2JGwwJGgw"), auto;
}


  body {
    font-family: 'Berylium', serif;
}


:-webkit-scrollbar {
background: transparent; 
}
::-webkit-scrollbar-thumb {
background: transparent;
} 


header, nav, main, sidebar {
  border: black 2px solid;
  border-width: 10px;
          border-style: solid;
         
      
}



.box {
  position: relative;
  max-width:1800px;
  min-height: 1000;
  margin: 20px auto;
display: grid;
grid-gap: 10px;
  grid-template-areas:
    "header header"
    "nav main sidebar"
    "footer footer";
grid-template-columns: 250px minmax(0,1fr);
}

.overlay {
  position: absolute;
  top:10px;
  right:10px;
  width:50px;
}

header {
  max-height: 300px;
  grid-row:1/1 ; 
  grid-column:1/4 ;
 border-width:8px;
border-style:solid;
border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 8 fill round;         
    
}

nav  {
  grid-row:2/3 ;
  grid-column:1/2 ;
  height: max-content;
  border-width:8px;
border-style:solid;
border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 8 fill round;         
    
}

main {
   grid-row:2/3 ;
  grid-column:2/3 ;
 border-width:8px;
border-style:solid;
border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 8 fill round; 
background-image: url("https://ik.imagekit.io/ScootysImages/LVK/clouds.jpg");
}

sidebar {
  grid-row:2/3 ;
  grid-column:3/3 ;
  height: max-content;
   justify-content: center;
  border-width:8px;
border-style:solid;
border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 8 round;         
background-image: url("https://i1.glitter-graphics.org/pub/870/870831pyzchnckxb.jpg");
    
}




div {
  display: flex;
  justify-content: center;
}


sidebar {
  display: block;
  justify-content: center;
}


footer {
  display: flex;
}

footer {
   grid-row:4/4 ;
  grid-column:1/4 ;
   flex: 3;
  display: flex;
  justify-content: center;
    height: max-content;
    border-width:8px; 
     border-radius:10px;
          box-shadow: 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 10px lightblue, 0px 0px 14px lightblue;
      
    
    
}

h1 {
   font-family: "Berylium", serif; 
color: #305CDE; 
 font-size: 25px; 
 }


p1 {
 font-family: "Berylium", serif;
color: #13265C; 
font-size:25px;
  text-align: center;
  }
  
p2 {
 font-family: "Berylium", serif;
color: #13265C; 
font-size:20px;
text-align: center;
  }