html{
font-size: 62.5%;
}
.imgratio{
height: 15vh;
}
.imgratiolg{
height: 17vh;
}
#latestinfoanchor a{
color: #1900ff;
}
#latestinfoanchor a:visited{
color: #000000;
}
#latestinfoanchor a:hover{
color: #ffffff;
}
.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 */
.box{
background-color: #95d6dd;
width: 100%;
}
#result{
height: fit-content;
width: auto;
padding: 5px;
}
#cresult{
height: fit-content;
padding: 5px;
width: auto;
}
/* Calculator */
.top2{
/*background-color: rgb(12, 9, 3);*/
/*background-color: rgb(0, 0, 0);*/
/* height: 180px; */
/*height: auto;*/
text-align: center;
/*padding: 20px 10px;*/
/*color: thistle;*/
color: rgb(249, 195, 0);
font-size: 1.8rem;
}
#gmailid{
/* font-size: 2.4rem; */
font-size: 1.8rem;
}
.infobox{
/*background-color: rgb(19, 145, 151);*/
background-color: #e1ffff5e;
/* height: 180px; */
height: auto;
padding: 20px 10px;
margin:10px;
font-size: 1.8rem;
/*color: #bfcfd8;*/
color: #86009f;
}
header{
/* font-size: 30px; */
font-size: 3rem;
}
.flex-menu{
/*justify-content: start;*/
justify-content:flex-start;
}
.flex-element{
/* background-image: linear-gradient(rgb(54, 48, 51),rgb(0, 0, 0)); */
/*background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));*/
background-image: linear-gradient(rgb(10, 9, 9),rgb(0, 0, 0));
margin: 1rem .1rem;
padding: 1rem;
text-align: center;
font-size: 1.6rem;
}
#navbar{
background-color: #020002a8;
/*background-color: #020002ed;*/
}
#navbar a{
/* color: rgb(13, 14, 13); */
color: rgb(255, 255, 255);
text-decoration: none;
}
#navbar a:hover{
color: white;
}
/* ################################## ROW FIRST COLOR START ######################################## */
#rowfirstcolor{
background-color: rgb(206, 188, 188);
}
#rowfirstcolor a{
text-decoration: none;
}
#rowtwobackcolor a{
text-decoration: none;
}
/* ################################## ROW FIRST COLOR END ######################################## */
/* ################################## ANCHOR TAG START ######################################## */
a:link{
color: rgb(1, 25, 195);
}
a:visited{
color: rgb(15, 15, 15);
}
a:hover{
color: rgb(187, 0, 0);
/*opacity: 8;*/
}
a:active{
/* color: rgb(28, 69, 145); */
color: rgb(126, 14, 14);
}
/* ################################## ANCHOR TAG END ######################################## */
/* ################################## FLEX PARENT START ######################################## */
.flex-p{
display: flex;
flex-direction: column;
/* flex-flow: column wrap; extra space between quote and end of coloumn due to this change on 6 oct 2022 */
/* height:auto; */
padding-top: 10px;
}
/* ################################## FLEX PARENT END ######################################## */
/* ################################## VACANCY BOX START ######################################## */
.flex-c{
overflow: auto;
/*overflow add on 10 may 2023*/
background-image: linear-gradient(to right, rgb(162 184 203 / 88%),rgb(73 112 183 / 84%));
/*background-image: linear-gradient(to right, rgb(137 183 223 / 88%),rgb(0 72 235));*/
margin: 2px 0;
/* padding: 10px; */
padding: 5px;
/*font-size: 1.8rem;*/
font-size: 1.6rem;
}
#id1{
text-align: center;
/* color: rgb(203, 241, 127); */
color: rgb(109, 155, 240);
/* background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28)); */
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
font-size: 10px;
padding: 10px;
}
/* ################################## VACANCY BOX END ######################################## */
/* ################################## DAYS COUNTER START ######################################## */
/*.overflowdot{*/
/* overflow: auto; */
/* }*/
.counter{
/*display:inline;*/
margin: 0;
float:right;
/*clear: both;*/
color: white;
/* font-size: 16px; */
font-size: 1.3rem;
}
/* ################################## DAYS COUNTER END ######################################## */
/* ################################## ADMIT CARD BOX START ######################################## */
.flex-c2{
/*background-color: rgba(204, 250, 111, 0.692);*/
/*background-image: linear-gradient(to right, rgb(209 168 189 / 82%),rgb(219 97 204 / 75%)) ; */
background-image: linear-gradient(to right, #dbe7a9,#cad6e9) ;
margin: 2px 0;
padding: 5px;
/*font-size: 1.8rem;*/
font-size: 1.6rem;
}
#id2{
text-align: center;
/*color:rgb(209, 144, 188);*/
color:rgb(177, 211, 146);
background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28));
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
font-size: 10px;
padding: 10px;
}
/* ################################## ADMIT CARD BOX END ######################################## */
/* ################################## RESULT BOX START ######################################## */
.flex-c3{
/*background-image: linear-gradient( to right, rgb(124 215 127 / 48%), rgb(72 213 94 / 80%)); */
background-image: linear-gradient( to right, rgb(124 215 186 / 48%), rgb(72 213 206 / 80%));
/*background-image: linear-gradient( to right, rgb(124 215 127 / 48%), rgb(2 247 40 / 75%));*/
/* background-image: linear-gradient( to right,rgb(197, 164, 167), rgb(115, 204, 129)); */
margin: 2px 0;
/* padding: 10px; */
padding: 5px;
/*font-size: 1.8rem;*/
font-size: 1.6rem;
}
#id3{
text-align: center;
font-size: 10px;
padding: 10px;
/* color: rgb(247, 246, 241); */
/*color: rgb(138, 226, 152);*/
/*color: rgb(72 213 206 / 80%);*/
color: #4efff5cc;
/* background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28)); */
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
}
/* ################################## RESULT BOX END ######################################## */
/* ################################## ROW SECOND COLOR START ######################################## */
#rowtwobackcolor{
/* background-color: rgb(193, 188, 206); */
background-color: rgb(206, 188, 188);
}
/* ################################## ROW SECOND COLOR END ######################################## */
/* ################################## ANSWER KEY BOX START ######################################## */
.flex-answerkey{
background-image: linear-gradient(to left, rgb(255 90 90 / 68%),rgb(255 0 0 / 5%));
/*background-image: linear-gradient(to left, rgb(255 5 5 / 78%),rgb(255 0 0 / 18%));*/
margin: 2px 0;
padding: 5px;
/*font-size: 1.8rem;*/
font-size: 1.6rem;
/*overflow: auto !important;*/
}
#id4{
text-align: center;
/* font-size: 15px; */
font-size: 10px;
padding: 10px;
/* color: rgb(247, 246, 241); */
/*color: rgb(255 145 145 / 90%);*/
color: #ff9191e6;
/* background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28)); */
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
}
/* ################################## ANSWER KEY BOX END ######################################## */
/* ################################## SCHOOL BOX START ######################################## */
.flex-school{
background-image: linear-gradient(to left, rgb(128 69 243 / 55%), rgb(82 71 114 / 15%));
/*background-image: linear-gradient(to left, rgb(126 59 255 / 95%), rgb(143 114 227 / 44%));*/
margin: 2px 0;
padding: 5px;
/* font-size: 25px; */
/* font-size: 20px; */
/*font-size: 1.8rem;*/
font-size: 1.6rem;
}
#id5{
text-align: center;
/* font-size: 15px; */
font-size: 10px;
padding: 10px;
/* color: rgb(247, 246, 241); */
color: rgb(165, 132, 229);
/* background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28)); */
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
/* background-image: linear-gradient(rgb(0 0 0),rgb(99 100 31) ); */
}
/* ################################## SCHOOL BOX END ######################################## */
/* ################################## UNIVERSITY BOX START ######################################## */
.flex-entrance{
/* background-image: linear-gradient(to right, rgb(0, 0, 0, 20%),rgb(0, 0, 0, 44%)); */
background-image: linear-gradient(to right, #af9a5b,rgb(125 155 9 / 3%));
/*background-image: linear-gradient(to right, #c59609,rgb(155 124 9 / 83%));*/
margin: 2px 0;
/* padding: 10px; */
padding: 5px;
/*font-size: 1.8rem;*/
font-size: 1.6rem;
}
#id6{
text-align: center;
/* font-size: 15px; */
font-size: 10px;
padding: 10px;
/* color: rgb(247, 246, 241); */
color: #af9a5b;
/* background-image: linear-gradient( rgb(66, 57, 63),rgb(28, 41, 28)); */
background-image: linear-gradient(rgb(10 9 9),rgb(0 0 0));
}
.ccsu{
text-align: center;
color: white ;
/* font-size: 20px; */
font-size: 1.8rem;
padding: 5px;
background-image: linear-gradient(rgb(0 0 0),rgb(99 100 31) );
}
a[href="https://www.ccsuniversity.ac.in/ccsum/index.php"]{
/* color: white; */
color: rgb(206, 188, 188);
}
a[href="http://www.du.ac.in/"]{
color:rgb(206, 188, 188) ;
}
div>span{
color:rgb(206, 188, 188) ;
}
/* ################################## UNIVERSITY BOX END ######################################## */
/* ################################ FOOTER BLOCK ################################################ */
#footercolor{
/* background-color: rgb(53, 53, 53); */
background-color: rgb(24, 22, 22);
}
.centerplacing{
text-align: center;
margin-top: 18px;
margin-bottom: -6px;
}
#topcolor a:link{
color:wheat;
}
#topcolor a:visited{
color: rgb(255, 255, 255);
}
#topcolor a:hover{
color: rgb(0, 255, 157);
/*opacity: 8;*/
}
#topcolor a:active{
color: rgb(255, 188, 0);
}
#rowbackcolor{
/* background-color: rgb(211, 142, 77); */
background-color: rosybrown;
}
.topline{
text-decoration: none;
/* font-size: 12px; */
}
.movetotop{
border: 2px solid #00ffa1;
background-color: #000000;
border-radius: 50%;
height:10vh;
width:10vh;
padding: 11px;
font-size: 1.6rem;
}
.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;*/
display: flex;
justify-content: center;
align-items: center;
color: rgb(255, 188, 0);
}
.live{
justify-content: space-around;
}
/* ########################################## FOOTER END ############################################## */
#mailid a:link{
color:wheat;
text-decoration: none;
}
#mailid a:hover{
color: rgb(255, 188, 0);
}
@media (min-width: 768px) and (max-width: 824px){
.fontset {
font-size: 14px;
font-size: 1.4rem;
}
.navfont{
font-size: 1.2rem;
}
}
@media (min-width: 825px) and (max-width: 912px){
.fontset {
font-size: 15px;
font-size: 1.5rem;
}
.navfont{
font-size: 1.2rem;
}
}
@media (min-width: 913px) and (max-width: 955px){
.fontset {
font-size: 16px;
font-size: 1.6rem;
}
}
/*@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: 16vh;*/
/* }*/
/*}*/
/*@media screen and (min-width: 1001px) {*/
/* .imgratio{*/
/* height: 17vh;*/
/* }*/
/*}*/