.academi{
            margin: 2%;
            text-align: center;
            width: auto;
            
        }
     
        .div2{
            display: inline-flex;  
            align-items: center; 
            position:relative;
            margin-top: 02px;
        }
        .div3{
            width: 30% ;
            margin:0 3% 0 3%;
            text-align: center;
        }
        .headword{
            margin-top: 10%;
        }
        .alllogo{
           margin-top: 1%; 
           margin-top: -1%; 
           margin-left: 5%;  
           display: inline-flex;  
            width: 30%;
        }
       
        a{
            color: white;
        }
        
        
        .logodiv img{
            width: 90px;
            margin-top: 80px;
        }
        .logodiv h5{
           
            margin-top: 85px;
            margin-left: -460px;
            
            font-size: smaller;
        }
        .logo:hover{
            margin-top: 20%;
            width:150px;
            margin-left: 0%;
            transition: 2s ease;
        }
        
        .navbar{
            margin-top:35px ;
            display: flex;
            background-color: #00000098;
            
            padding: 15px;
            padding-right: 0;
            height: 4%;
            transition: .1s ease;
            z-index: -1;
        }
        
        
        .navbar{
            position:fixed;
            top: -10%;
            height: 2%;
            left: 0;
            width: 90%;
            text-align: center;
            z-index:1000;
           padding: 5%;
           padding-top: 4%;
           
        }
        
        
        .pic1{
            display: flex;
            margin-right: 2%;
            width: 48%;
            text-align: center;
            display: block;
        }
        .pic1 img{
            border-radius: 50%;
            border-style:outset;
            width: 150%;
        }
        .pic3{
            width: 80%;
            border-radius: 50%;
            border-style:outset;
            
        }
        .pic3:hover{
            width: 120%;
            transition-duration: 1s;
        }
        .RHS{
            background-color: #0000005e;
            color: white;
            text-shadow: #000000;
            font-weight: 900;
            font-size: 40px;

         
        }
        .stuchoice{
            display: inline-flex;
             width:60% ;
             position: relative; 
             padding-left: 0;
        }
       
        .sect3{
            display: inline-flex; 
            margin-top: -1%; 
            align-items: center; 
            position:relative;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .space{
            width: 33%;
        
            height: 30px;
            margin: 3px;
            padding: 5px;
            text-align: center;

        }
        .ul{
            display: inline-flex; 
            width:70% ; 
            position: relative;
             padding-left: 15%; 
             margin-top: 2%;
        }
        body{
            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.733);
        }
        header{
            background-color: #0000005b;
            transition-duration: 1.5s;
            background-blend-mode: darken;
            min-height: 100vh;
            background-image: url(img/Staffwomen.jpg);
            background-size: 120%;
            background-repeat: no-repeat;
            background-position: 70%;
            background-position-y: 20%;
            padding: 0;
            color: rgb(240, 243, 250);
            height: 40%;
            margin-top: -50px;
            text-align: center;
            font-size: large;
            
        }
        header:hover{
            background-size: 140% ;
            transition: 1s ease-in-out;
            
        }
        li{
            display: flex;
            text-align: center;
            margin-top: -10px;
            margin-left: 6px;
            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{
            bottom: -10px;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.664);
        }
        section{
            display:flex;
            
        }
        url{
            width: 120%;
        }
    
        @media (max-width: 1072px){
        .logodiv img{
            width: 90px;
            margin-top: 80px;
        }
            
          
          
        .logodiv h5{
           
            margin-top: 85px;
            margin-left: -360px;
            
            font-size: smaller;
        }}
        @media (max-width: 874px){
            .logodiv img{
                width: 60px;
                margin-top: 80px;
            }
            .logodiv h5{
               
                margin-top: 85px;
                margin-left: -290px;
                
                font-size: smaller;
            }}
            @media (max-width: 625px){
                .logodiv img{
                    margin-left: 10px;
                  }
                   
            }