

.top2{
  
    background-color: rgb(12, 9, 3);

  
    /* height: 180px; */
    height: auto;
    text-align: center;
     padding: 20px 0px; 
    
    color: thistle;
   
    
}


.flex-menu{
  
    justify-content: center;
    /* height: 500px; */

}
.flex-element{
  
    /* background-image: linear-gradient(rgb(46, 160, 160),rgb(9, 2, 23)); */



 /* justify-content: center;   */
margin: 8px 2px;
padding: 10px;
padding:10px 5px;
text-align: center;
/* height: 200px; */

}
#navbarstyle{
    padding-left: 40px;
}
.textcenter{
    text-align: center;
}
.removeline{
    text-decoration: none;
    /* font-size: 10px; */
    
  
}
.footercontent{
    text-decoration: none;
    font-size: 12px;
    height:15vh;
    /* height:100%; */
    /* border: 5px solid red; */
    background-color: black;
  text-align: center;
  padding: 23px;
  margin-top: 18px;
}
#navbar{
   
    
  
    background-color: rgb(53, 53, 53);



}
#navbar a{
    color: rgb(13, 14, 13);
    color: rgb(255, 255, 255);

}
#navbar a:hover{
    color: white;
}
.jobinfotext{
    background: rgb(46, 62, 66);
    background: rgb(203 212 215 / 46%);
    border: 2px solid red;
    width:80vw;
    padding-top: 50px;
    height: 100vh;
    overflow: auto;
    /* justify-content: center; */

    /* margin: 80px; */

}
.gogreen{
    
    color: rgb(81, 224, 81) ;
}
.alert1{
  
    color: rgb(255, 0, 0);
    
    color: rgb(255, 42, 42);
    color: rgb(253, 149, 149) ;
}
    
a:link{
 
    color: rgb(5, 110, 116);

}
a:visited{
    
    color: rgba(176, 241, 245, 0.993);
}
a:hover{
 
  
    color: rgb(231, 90, 97);
    opacity: 8;
}
a:active{

    color: rgb(228, 226, 105);
}
.highlight{
  
    color: fuchsia;
}
.highlightapply{
    color: rgb(129, 8, 129);
    font-weight: bolder;
}

.centerplacing{
    text-align: center;
    margin-top: 13px;
margin-bottom: -28px;
}
.topline{
    text-decoration: none;
}

.movetotop{

    border: 2px solid rgb(0, 0, 0);
background-color: black;
border-radius: 13%;
height:8vh;
width:8vh;
padding: 8px;



}

#rowbackcolor{
   
    background-color: #f5f5f5d1;
    background-color: rgb(203 200 200 / 25%);
    /* background-color: rgb(203 203 203 / 76%); */
    height: 160vh;
    height:fit-content;
    height:100%;
    height:100vh;
    width:100vw;
   
}
/* #applycolor{
   
    background-color: rgb(81, 112, 7);
    
} */





#applyhover a:link{
   
    color: rgb(0, 20, 255);
}
#applyhover a:visited{
    color: rgb(3, 3, 3);
}
#applyhover a:hover{
    color: rgb(218, 20, 26);
}
#applyhover a:active{
    
    color: darkslategrey;
}

/* #resultcolor a{
    color: #ffeb3b;;
} */

.footertext{
    color: rgb(144, 183, 150);
    font-size: xx-large;
}
#footercolor{
   
    background-color:  rgb(53, 53, 53);
    background-color:  rgb(25, 30, 24);
    height:20vh;
    height:fit-content;
    padding: 4vh;

}
#mail{
    border: 2px solid rgb(7, 7, 7);
    border-radius: 50%;
     height: 11vh; 
     width: 11vh;
     background-color: rgb(255, 255, 255);
     background-color: rgb(221, 194, 194);

     /* rgb(221 194 194); */
    margin: 8px 1px;
     padding: 10px 2px; 
    
    text-align: center;

}
.post{
    border: 2px solid rgb(7, 7, 7);
    border-radius: 50%;
     height: 5vh; 
     width: 10vh;
     background-color: rgb(12, 9, 3);
   margin-top: -42px;
   margin-bottom: 10px;
     /* margin: 8px 1px; */
     padding: 2px 2px; 
    
    text-align: center;
    /* align-items: center; */
    /* justify-items: center; */
    
    color: rgb(255, 188, 0);
}

.live{
    justify-content: space-around;
    
    /* display: flex; */
    /* text-align: center; */
    

}

