html{
    font-size: 62.5%;
}
.top2{
   
    background-color: rgb(12, 9, 3);
   
    
    /* height: 180px; */
    height: auto;
    text-align: center;
    padding: 20px 10px;
    color: thistle;
font-size: 1.8rem;

    
}
.textcenter{
    text-align: center;
}
#gmailid{
    font-size: 2.4rem;
}
.infobox{
   
   
    background-color: rgb(18, 82, 81);
    
    /* height: 180px; */
    height: auto;
    
        padding: 20px 10px;
    margin:10px;
  
   font-size: 1.6rem;
    /* color: #bfd7d8; */
    color: #bfcfd8;
    
}
header{
    /* font-size: 30px; */
    font-size: 3rem;
}

.flex-menu{
   
    justify-content: start;

}
.flex-element{
    
    /* background-image: linear-gradient(rgb(224, 206, 190),rgb(81, 132, 228)); */
/* background-image: linear-gradient(rgb(228, 81, 142),rgb(9, 2, 23)); */
/* background-image: linear-gradient(rgb(171, 11, 77),rgb(9, 2, 23)); */
/* background-image: linear-gradient(rgb(48, 4, 22),rgb(9, 2, 23)); */
background-image: linear-gradient(rgb(54, 48, 51),rgb(0, 0, 0));




    

margin: 1rem .1rem;
padding: 1rem;
text-align: center;
font-size: 1.6rem;


}

#navbar{
    
    /* background-color: #44af8a91; */
    /* background-color: #671c1ca8; */
    background-color: #020002a8;

    /* #020002a8 */




}
#navbar a{
    /* color: rgb(13, 14, 13); */
    color: rgb(255, 255, 255);

    text-decoration: none;
}
#navbar a:hover{
    color: white;
}

/* VACANCY BOX STYLE --------------------------------------------------- */
#rowfirstcolor{
    background-color: rgb(206, 188, 188);
  
}

#rowfirstcolor a{
    text-decoration: none;

}
#rowtwobackcolor a{
    text-decoration: none;
}
#rowsecondbackcolor{
    background-color: rgb(206, 188, 188);
  
}

a:link{
   
    color: rgb(1, 25, 195);
 



}
a:visited{
    
    color: rgb(15, 15, 15);

}
a:hover{
    color: rgb(241, 231, 231);
    opacity: 8;
}
a:active{
    /* color: rgb(28, 69, 145); */
    color: rgb(126, 14, 14);

}




.flex-p{
   
    display: flex;
  
    flex-direction: column;
    /* flex-flow: column wrap; */
   
    /* height:auto; */
    
   
    padding-top: 10px;
   

}
.flex-c{


/* background-image: linear-gradient(to left, rgb(126, 117, 123),rgb(109, 155, 240)); */
background-image: linear-gradient(to right, rgb(162 184 203 / 88%),rgb(73 112 183 / 84%));
margin: 2px 0px;

padding: 5px;


font-size: 1.8rem;


}

#id1{
    text-align: center;
    font-size: 10px;
    padding: 10px;
   
    color: rgb(109, 155, 240);
    background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28));
   
    
}

/* ##################  ANSWERKEY START ##################################################*/



/* VACANCY BOX STYLE END ----------------------------------------------------------------------------------- */

/* ADMIT BOX  */

    /* ANSWER KEY END  */
     /* ENTRANCE START  */

    
   
   
    
    
    #footercolor{
    
     /* background-color:  rgb(53, 53, 53); */
     background-color: rgb(24, 22, 22);


     





    

        
    }
    /* #mail{
        border: 2px solid rgb(7, 7, 7);
        border-radius: 50%;
         height: 10vh; 
         width: 10vh;
         background-color: rgb(255, 255, 255);
         background-color: rgb(221, 194, 194);

        margin: 17px 1px;
         padding: 10px 2px; 
        
        text-align: center;

    } */
    .post{
        border: 2px solid rgb(7, 7, 7);
        border-radius: 50%;
         height: 9vh; 
         width: 9vh;
         background-color: rgb(12, 9, 3);
     
         margin: 3em 1em;
         padding: 2.0em 0em;
        
        text-align: center;
   
        
        color: rgb(255, 188, 0);
    }

    .live{
        justify-content: space-around;
        
        
        
    
    }
    

    /* FOOTER END  */





#rowbackcolor{
    /* background-color: rgb(211, 142, 77); */
    background-color: rosybrown;
  
}

.footercontent{
    text-decoration: none;
    font-size: 12px;
    height:10vh;
    width: 100%;
    /* height:100%; */
    /* border: 5px solid red; */
    background-color: black;
  text-align: center;
  padding: 23px;
  /* margin-top: 18px; */
}
#footerid a:link{
    color:wheat;

}
#footerid a:visited{
    
    color: rgb(255, 255, 255);

}
#footerid a:hover{
    
    color: rgb(0, 255, 157);
    
    opacity: 8;
}
#footerid a:active{
    
    
    color: rgb(255, 188, 0);


}
#mailid a:link{
    color:wheat;
    text-decoration: none;
}
#mailid a:hover{
    /* color: red; */
    color: rgb(255, 188, 0);

}
@media (min-width: 768px) and (max-width: 824px){
    .fontset {
    
        font-size:  14px;
         font-size: 1.4rem;

        
    }

}
@media (min-width: 825px) and (max-width: 912px){
    .fontset {
        font-size:  15px;
font-size: 1.5rem;

        
    }

}
@media (min-width: 913px) and (max-width: 955px){
    .fontset {
        font-size:  16px;
font-size: 1.6rem;
        
    }

}