.box {
    width: 100%;
    max-width: 800px;
    margin:auto;
    display: grid;
    grid-gap: 10px;
    border: #000000 2px solid;
    border-top-right-radius: 20px ;
    border-top-left-radius: 20px ;
    border-style: solid;
    border-color: #00638f;
    background-color: #000000;
    padding: 10px;
}

header {
    border: #000000 2px solid;
    border-top-right-radius: 20px ;
    border-top-left-radius: 20px ;
    border-style: solid;
    border-color: #00638f;
    background-color: #00648f76;
    height: 115px;
    background-image: url("img/site\ stuff/header.png");
    background-size: 100%;
    
    

}

nav, nav2, main, footer {
    border: #000000 2px solid;
    border-radius: 0px;
    border-style: solid;
    border-color: #00638f;
    background-color: #00648f76;
    
}


nav2 {
    max-height: 500px;

}


.scrollthing {
    height: 275px;
    width: 50%;
    overflow-y: scroll; 
    scrollbar-width: thin;
    scrollbar-color: #00638f #000000;
    border: #000000 2px solid;
    border-radius: 0px;
    border-style: solid;
    border-color: #00638f;
    background-color: #000000b3;
    padding: 10px;
}


.navtext {
    margin-left: 67%;
    margin-top: -40%;


    
}



.grid {
    margin:auto;
    display: grid;
    grid-template-columns:100% minmax;
    padding-top: 10px; 
    padding-bottom: 10px; 
}


body::-webkit-scrollbar {
  width: 12px;               
}

body::-webkit-scrollbar-track {
  background: black;       
}

body::-webkit-scrollbar-thumb {
  background-color: #00638f;  
  border-radius: 20px;  
  border: 3px solid black;  
}


body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.373) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}