.academi{
            margin: 0%;
            margin-top: 2%;
            text-align: center;
            width: 100%;
            
        }
        .acadword{
            margin-top: 5%;
            padding-bottom: 0%;
        }
        .adds{
            align-self:center;
            width: 100%;
            min-height: 60vh;
            text-align: center;
            background-color: rgba(214, 120, 103, 0.295);
            margin: 2%;

        }
        .sectadds{
            margin-left: 20%;
        }
        .bas{
            transition-duration: 2s;
            width: 25%;
            margin-left: 74%;
            margin-top:15%;
            border-width: 5px;
            border-style:double;
            border-radius: 50%;
            margin-top: -10%;
            z-index: 1;
        }
        .bas:hover{
            border-radius: 0;
            transition-duration: 2s;
        }
        .blackbar{
            height: 2vh;
            background-color: rgba(204, 129, 43, 0.89);
            width: 120.5%;
        }
        .computerlab{
            margin-left: 5%;
             color: rgb(255, 255, 255); 
             z-index: 1; font-size: large; padding: 1%; 
             border-radius: 20%; position: relative; 
             margin-bottom: -10%; width:fit-content; 
            background-color: rgba(0, 0, 0, 0.438);
        }
        
        .div2{
            display: inline-flex;  
            align-items: center; 
            position:relative;
            margin-top: 02px;
        }
        .div3{
            width: 85% ;
            margin:0 3% 0 3%;
            text-align: center;
        }
        div.fees{
            width: 70%;
            margin-right: 10%;
            padding-bottom: 20%;
            padding-top: 0;
            text-wrap:balance ;
            background-color: wheat;
            
        }
        
        div .fees h3{
            position: relative;
            top: 0;
            padding: 10%;
            margin-top: -1%;
            background-color: rgba(255, 68, 0, 0.534);
        }
        .documentation{
            display: flex; 
            width: 120%;
        }
        section .fee{
           width: 50%;
            
            margin-top: 3%;
            display: flex;
        }
    .eehhome{
        display: inline-flex; 
        position: relative; 
        padding-left: -8%; 
        width: auto;
    }
    .secondwow{
        width: 15%;
    }
    .h2o{
        display: flex; 
        width: 120%; 
        margin-top: -5%; 
    }
        .headword{
            margin-left: 40%;
        }
        .home{
            margin-left: -20%;
        }
        .homeit{
            display: block; margin-top: 8%; width: 119%;
        }
        .logo{
            transition-duration: 2s;
            width: 25%;
            position: relative;
            top: 20%;
            left: 45%;
            right: 0%;
            
        }
        .first{
            position: relative;
            left: -22%;
            
        }
        .esther{
            display: flex;
        }
        .logodiv h5{
            position: relative;
            top: -45%;
            width: 300%;
            margin-left: 5px;
            font-size: smaller;
        }
        .b4finish{
            display: flex;
        }
        a{
            color: white;
        }
        .logo:hover{
            top:5%;
            width:400%;
            margin-right: 10px;
            transition: 2s ease;
        }
        .logodiv{
            position: relative;
            
        }
        .logowords{
            margin-left: -130px;
        }
        .navbar{
            margin-top:55px ;
            display: flex;
            background-color: #00000098;
            
            padding: 15px;
            padding-right: 0;
            height: 4%;
            transition: .1s ease;
            z-index: -1;
        }
        
        .b4finish{
            width: 120%;
       }
       .b4finish nav{
        background-color: white; display: inline; color: black; width: 30%;
       }
       .mazi{
        width: 80%; margin-left: 10%; display: block; margin-top: 25%;
       }
        .navbar{
            position:fixed;
            top: -10%;
            height: 2%;
            left: 0;
            width: 90%;
            text-align: center;
            z-index:1000;
           padding: 5%;
           padding-top: 4%;
           
        }
        .pgup{
            
            
            z-index: 1000;
            width: 5%;
            margin-left: 95%;
            color: rgba(0, 0, 0, 0);
            transition-duration: 1s;
            position: fixed;
        }
        .pgupimg{
            width: 100%;
            
        }
        .text{
            position: fixed;
            z-index: 1000;
            margin-top: 0%;
            width: 7%;
            
            
           }
        .pgup:hover{
            transition-duration: 1s;
            color: black;
                       
        }
        .pic1{
            display: flex;
            margin-right: 2%;
            width: 48%;
            text-align: center;
            display: block;
        }
        .pic1 img{
            border-radius: 20%;
            border-style:outset;
            width: 160%;
            margin-left: 30%;
            text-align: center;
        }
        .pic1 h3{
            background-color: rgba(226, 70, 9, 0.534);
            margin-left: 33%;
            padding: 2% 0 2% 0%;
            margin-left: 30%;
        }
        .pic1 h5{
            background-color: wheat;
            color: #000000;
            margin-top: -4%;
            margin-left: 30%;
        }
        .pic3{
            width: 80%;
            border-radius: 50%;
            border-style:outset;
            
        }
        .pic3:hover{
            width: 120%;
            transition-duration: 1s;
        }
        .rock{
            width: 100%;
        }
        .RHS{

            background-color: #0000005e;
            color: white;
            text-shadow: #000000;
            font-weight: 900;
            font-size: xx-large;
            
         
        }
        .watertank{
            margin-left: 5%; 
            font-size: medium; 
            padding: 2%; 
            border-radius: 20%; 
            position: relative; 
            margin-top: -30%;
            width: 100%;
            color: rgb(255, 255, 255); 
            width:fit-content; 
            background-color:rgba(0, 0, 0, 0.836);
        }
        .sam{
            padding: 1%;
             padding-left: 0; 
             padding-bottom: 2%; 
             text-indent: 0%; 
             text-align: center; 
             margin-left: 70%; 
             width: auto; 
             padding-right: 0%; 
             background-color: grey; 
             margin-top: -32%; 
              
             border-style: ridge; 
             padding-top: 1%;  
             z-index: -2; 
        }
        .samplepic{
            padding: 1%; 
            padding-right: 5%; 
            background-color: grey; 
            margin-top: -5%;
             padding-top: 7%; 
             padding-bottom: 2.2%; 
             border-style: ridge; 
             width: 30%; z-index: -2; 
             width: relative;
        }

        .sect3{
            display: inline-flex; 
            margin-top: -1%; 
            align-items: center; 
            position:relative;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .space{
            width: 80%;
        
            height: 25px;
            margin: 2px;
            padding: 2px;
            text-align: center;

        }
        .boy{
            position: relative;
            left: 8%;
        }
        body{
            width: 83%;
            font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif, Arial, Helvetica, sans-serif;
            margin:0%;
            padding: 0%;
            color:white;
            background-color: rgba(0, 76, 218, 0.295);
            
            background-size: 100%;
        
            
        }
        footer{
            text-align: center;
        }

        header{
            margin: 0;
            background-image: url(TeachingStaff/IMG_1393.JPG);
            background-color: #0000005b;
            transition: 2s ease;
            background-blend-mode: darken;
            min-height: 50vh;
            background-size: 100%;
            background-repeat: no-repeat;
            background-position: 70%;
            background-position-y: 10%;
            padding: 0;
            width: 120.5%;
            color: rgb(240, 243, 250);
            height: 30%;
            margin-top: -20%;
            text-align: center;
            font-size: large;
            
            
        }
        
        header:hover{
            background-size: 120% ;
            transition: 1s ease-in-out;
            
        }
        li{
            display: flex;
            text-align: center;
            margin-top: -10px;
            margin-left: 6px;
            margin-right: 0;
            width: auto;
            padding: 3px;
         
        }
        li:hover{
            cursor: pointer;
            
            border-radius: 15%;
            border-bottom: -10px;
            color: white;
            background-color: orangered;
            transition: 1s ease; 
        }
        
        pre{
            text-align: center;
        }
        footer{
            width: 117%;
            bottom: -10px;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.664);
        }
        section{
            display:flex;
            
        }
        url{
            width: 120%;
        }
        .headword{
            padding-top: 30%;
            margin-left: 0;
        }
        h3{
           font-size: 120%;
        }
        h4{
            font-size: 110%;
         }
        h5{
            font-size: 100%;
         }