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

    
}
#gmailid{
    font-size: 2.4rem;
}
.infobox{
   
   
    background-color: rgb(18, 82, 81);
    
  
    height: auto;
    
        padding: 20px 10px;
    margin:10px;
  
   font-size: 1.6rem;
   
    color: #bfcfd8;
    
}
header{
  
    font-size: 3rem;
}

.flex-menu{
   
    justify-content: start;

}
.flex-element{
    

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: #020002a8;



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

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


#rowfirstcolor{
    background-color: rgb(206, 188, 188);
  
}

#rowfirstcolor a{
    text-decoration: none;

}
#rowtwobackcolor a{
    text-decoration: none;
}
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(126, 14, 14);

}




.flex-p{
   
    display: flex;
  
    flex-direction: column;
  
    padding-top: 10px;
   

}


        
/* ################################## SCHOOL BOX START ######################################## */
    
.flex-school{
       
   
    background-image: linear-gradient(to left, rgb(128 69 243 / 55%), rgb(82 71 114 / 15%));
 


    margin: 2px 0px;
    padding: 5px;
   

font-size: 1.8rem;


    }
.id5{
    text-align: center;
  
    font-size: 10px;
    padding: 10px;
   
    color: rgb(165 132 229);
    background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28));
  
}
/* ################################## SCHOOL BOX END ######################################## */

    #footercolor{
    
    
     background-color: rgb(24, 22, 22);
  
    }
  
    .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;
 
    }
 
#rowbackcolor{
  
    background-color: rosybrown;
  
}

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

}
.footercontent{
    text-decoration: none;
    font-size: 12px;
    height:10vh;
    width: 100%;
  
    background-color: black;
  text-align: center;
  padding: 23px;

 
}
#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);


}
@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;
        
    }

}