/* For Computer Screen */
*{margin:0em;}
body{margin:0em;background-image:none;padding:0em;
background-repeat: no-repeat;width:100%;height:100%;background-size:100%;}
header{margin:0em;border-bottom: solid 0.1em;border-color:#222;}
.head{ width:100vw;}
.head ul{display: inline-flex;list-style: none;}
.head ul li{padding:0em;}
.head ul li a{margin:0em 0em;text-decoration: none;display:inline-block; 
color:#000; font-style: italic;font-weight: bold;font-family: 'Times New Roman', Times, serif;font-size: large;padding:1em 2em;}
.head ul li a:hover{background-color:#fff;color:#000;}

nav{background-image: linear-gradient(90deg, #01211af8, #01211a7d);width:100vw;height: fit-content;display:none;}
nav ul {list-style: none;}
nav ul li a {margin:1.5em 1.5em;text-decoration: none;display: inline-block;vertical-align: middle;line-height: 0em;
color: #fff;font-style: italic;font-weight: bold;font-family: 'Times New Roman', Times, serif;}
.hd{font-size:5em;margin-top:0.3;background: -webkit-linear-gradient(180deg, #a6ff00, #eefd66);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;text-shadow: 0px 0px 3px #fff;margin-left:0.8em;}
.regHead{color:#0e0601;text-shadow:0px 0px 3px #000;margin-top: 0.5em;overflow: hidden;}
.mybody{float:left;margin:1em 1.5em;background-color:#fff;width:20em;text-align: left;padding:1em;font-family: times;font-style: italic;}
.comp{width:fit-content;background-color: #ffffffdd;border:double;border-color: #555;margin-top:1em;display:inline-grid;
display: inline-grid;grid-template-columns: auto auto auto auto auto auto;padding-right:1em;}
.regP{width:11em;height:2em;margin-top:1em;text-align: right;padding:0em 0.1em;margin-left:2em;}
.reginp{width:20em;height:2em;margin-top: 0.9em;border:solid 0.1em #000;border-radius:0.2em;}
.slReg{width:20em;height:2.5em;margin-top: 0.9em;border:solid 0.1em #000;border-radius:0.2em;}
.subbtn{width:10em;height:2em;margin-top: 0.9em;border:solid 0.1em #000;border-radius:0.2em;cursor:pointer;color:#063;margin-left: 2em;}
.subbtn:hover:enabled{background-color:#063;color:#fff;}
.bc{background:linear-gradient(60deg,#222,#0ac,#063);width:auto;height:auto;background-repeat: no-repeat;}
.imge{width:max-content;height:max-content;}
/* For Mobile Screen */
@media (max-width:600px) {
body{margin:0em;padding:0em;background-image:none;}
.container {display: inline-block;cursor: pointer;margin:0.7em 1.3em;}
.bar1, .bar2, .bar3 {width: 35px;height:3px;background-color: #070202;margin: 6px 0;transition: 0.4s;}
.change .bar1 {transform: translate(0, 9px) rotate(-45deg);}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: translate(0, -9px) rotate(45deg);}
.head{display: none;}
.headM{display:block}
.hd{font-size:1.6em;margin-top: 1em;}
.mybody{width:10em;}
.comp{display:block;width:90%;}
.regP{text-align: left;padding:0em;height:fit-content;width: auto;margin-top:1em;margin-bottom: 0em;margin-left:0.2em;}
.reginp{margin-top:0em;width:100%;height:2.0em;font-size:1.3em;padding:0em 0.1em;border:solid 0.03em #000;margin-left:0.2em;}
.regHead{font-size:1.3em;}
.subbtn{width:10em;height:2em;margin-top: 0.9em;border:solid 0.1em #000;border-radius:0.2em;}
.comp {width: fit-content; }
.bc{background:linear-gradient(60deg,#222,#0ac,#063);width:auto;height:auto;background-repeat: no-repeat;}
.imge{width:20em;height:20em}
}