*{margin: 0;padding: 0;font-family: 'Rubik', sans-serif;}
          .TOPSECTION{
           background-color: cornsilk;
            height:auto;
            width: auto;
              display: flex;
            justify-content: center;
            align-items: center;
border: solid}
.navbar{
    width: 100%;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: azure;
    border: solid;
    
   
}
.navbar{
 
    text-decoration: none;
    font-weight: 900;
    font-size: 17px;
    color: black;
    position: relative;
    
}
.navbar a:first-child{
    color: black;
}
.navbar a:before{
    content: "";
    position: absolute;
    top: 110%;
    left: 0;
    width: 0;
    height: 2px;
    border-bottom: 2px solid #4458dc;
    transition: all 0.4s linear;
}
.navbar a:hover:before{
    width: 100%;}

}
.mainimg{
    position: relative;
    width: 100%;
    height: auto;
    image-resolution: 500*930;
}
.logo{
    width: 20%;
    height: 20%;

}
.shortcuts{

    
    width: 100%;
    height: 318px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: solid;
    
}
.SHORTCUTS-TEXT{border: solid;
    text-align: center;
    font-size: 50px;
    color: rgb(0, 137, 82);
}
.logo{ width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.logo img{
    box-shadow: 2px;
}

    
.PRINCIPALDESK {
    text-align: center;
    color: rgb(0, 137, 82);
    font-size: 50PX;
    background-color: beige;
    border: SOLID GREEN;
}
.PRINCIPALDESKTEXT1{
    font-size: 30PX;
    text-align: center;
    background-color: beige;
    border: SOLID GREEN;
}
.PRINCIPALDESKTEXT2{
    text-align: center;
    font-size: 30PX;
    background-color: beige;
    border: SOLID GREEN;
}
.PRINCIPALIMAGE{
    border: SOLID GREEN;
    background-color: beige;
    display: flex;
    justify-content: center;
    align-items: center;
}
.FOOTER{
    background-color: BLACK;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: darkgrey;
    font-size: 10PX;
    height: 300PX;
    
}
.SYLLABUSHEADING{
    
    font-size: 50PX;
    text-align: CENTER;
     color: rgb(0, 137, 82);
    font-family: 'League Spartan', arial, helvetica, sans-serif;
   
}