.webtext{
    color:rgb(115, 145, 235);
}
.imgratiomd{
    height: 15vh;
    width: 100%;

}
.imgratiolg{
    height: 18vh;
    width: 100%;

}
.textposition{
    display: flex;
      justify-content: center;
      align-items: center;
  }
     /* age calculator start */
    .back{
   background-color: aqua; 
   text-align: center;
      height: 100%;

   
  }
  .start{
    margin-top: 10px;
    padding-top: 10px;
  }
    /* age calculator End */


 /* Calculator Start */
 
 
  .box{

background-color: #95d6dd;
width: 100%;
}
  #result{
    
    height: fit-content;
    width: auto;
    padding: 5px;

  }
  #cresult{
    
    height: fit-content;
    padding: 5px;
    width: auto;
  }
  /* Calculator End */
  
     /* Youtube Start  */

  
   
          .tube{
      border-radius: 17%;
      background-color: red;
      color: whitesmoke;
      padding: 4px;
  }
  .channel_design{
      text-decoration: none;
  }
  .channel a:link{
     
      color: #150d93;
  
  }
  .channel a:visited{
     
      color: #150d93;
  }
  .channel a:hover{
      color: rgb(255, 0, 0);
     
  }
  .channel a:active{
      color: #dfaf10;
  }
  
  .channel{
   
      padding: 1rem;
      
      background-color: rgb(140, 211, 221);
     
      font-size: 16px;
      margin-top: 5px;
     
      color: rgb(13, 13, 14);
      text-align: center;
  }
   /* Youtube End  */

  
.top2{
  
    background-color: rgb(12, 9, 3);

  
    /*height: 180px;*/
    /*height: auto;*/
    text-align: center;
     /*padding: 20px 0px; */
    
    color: thistle;
   
    
}
.flex-menu{
  
    /*justify-content: start;*/
        justify-content: flex-start;


}
.flex-element{
  
    background-image: linear-gradient(rgb(46, 160, 160),rgb(9, 2, 23));



   
margin: 8px 2px;
padding: 10px;
padding:10px 5px;
text-align: center;

}
#navbarstyle{
    padding-left: 40px;
}
.textcenter{
    text-align: center;
}
.removeline{
    text-decoration: none;
    
  
}
#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-color: rgb(46, 62, 66);
}

.jobDescription{
    background-color: #c7dde385;


}
.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(86, 247, 255);

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



#rowbackcolor{
   
    background-color: rosybrown;
    /* background-color: #b51d1d36; */
    /* background-image: linear-gradient(rgb(#12041285 ,#0912048c)); */
    /* background-image: linear-gradient(45deg,rgb(46, 160, 160),rgb(9, 2, 23)); */
    /* background-image: linear-gradient(268deg,rgb(91 104 58 / 41%),rgb(88 90 46)); */
    /* linear-gradient(268deg,rgb(91 104 58 / 41%),rgb(88 90 46)) */


    /* background-color: rgb(126, 126, 126); */
    /* #8fa3bc80 */
    /* #a08fbc80 */
    /* #b58fbc80 */
    /* #bcbb8f80 */
    /* #a2bc8f5c */
    /* #85c3575c */
    /* #97944b5c */
    /* #97674b5c */
    /* #978e4b36 */
    /* #1db5a736 */
    /* #b51d1d36 */

    /* #6035088c */
    /* #6051088c */
    
    /* #0512048c ************* */
    /* #120b048c */
    /* #0912048c */
    /* #12041285 */
    /* linear-gradient(130deg,rgb(46, 160, 160),rgb(120 79 203)) */
    /* linear-gradient(88deg,rgb(91 104 58 / 41%),rgb(88 90 46)) */
  
}
/* #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;

}
.centerplacing{
    text-align: center;
    margin-top: -9px;
margin-bottom: -11px;
}
.topline{
    text-decoration: none;
}

.movetotop{

    border: 2px solid red;
background-color: black;
border-radius: 50%;
height:10vh;
width:10vh;
padding: 12px;



}

/* new highlight */
.newhighlight{
    animation: design .25s linear infinite;
    color: rgb(72, 255, 0);

}
@keyframes design {
    50% {
        opacity: 0;
    }
}
/* new highlight */

.post{
  border: 2px solid rgb(7, 7, 7);
    border-radius: 50%;
     height: 9vh; 
     width: 9vh;
     background-color: rgb(12, 9, 3);
    margin: 8px 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: small;

   
    color: rgb(255, 188, 0);
}

.live{
    justify-content: space-around;
    
    /* display: flex; */
    /* text-align: center; */
    

}
.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 screen and (max-width: 400px){
  
    .imgratio{
        height: 16vh;
    }

}

@media screen and (min-width: 451px) and (max-width: 700px){

        
    
    .imgratio{
        height: 18vh;
    }

}

@media screen and (min-width: 701px) and (max-width: 1000px){
 
    .imgratio{
        height: 24vh;
    }

}

@media screen and (min-width: 1001px) {

    .imgratio{
        height: 28vh;
    }

}