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(13, 14, 13); */
    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;
    /* flex-flow: column wrap; */
   
    padding-top: 10px;
}



    /* ########################### rESULT START ########################################################## */
    
    .flex-c3{
        
        
    
        background-image: linear-gradient( to right, rgb(144, 189, 148), rgb(104, 187, 117));


        margin: 2px 0px;
        /* padding: 10px; */
        padding: 5px;
        
        /* font-size: 25px; */
    /* font-size: 20px; */
/* font-size: 18px; */
font-size: 1.8rem;



        }

        #id3{ 
            text-align: center;
            /* font-size: 15px; */
            /* font-size: 12px; */
            font-size: 10px;
            padding: 10px;
            /* color: rgb(247, 246, 241); */
            color: rgb(138, 226, 152);
            background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28));
            
        
        }

    /* ########################### rESULT END ########################################################## */


    /* FOOTER BLOCK  */
    
    #footercolor{
    
     /* background-color:  rgb(53, 53, 53); */
     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;
      
    }
    

    /* FOOTER END  */

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

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

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


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

}





    /* RESULT START  */