html,body{background-color:#151515}
  img{height:3em;width:3em;border-radius:50%;position:relative;left:50%;transform:translatex(-50%)}      
 h2{color:green;position:relative;font-family:georgia}  
.lower{opacity:0.8;background-color:green;font-family:georgia;background:url("icon.png")center center;background-size:cover;font-size:bold;padding:0em 1em 1em 1.2em;font-size:20pt;border:1px solid #2a2a2a;width:100%;height:38%;
       ;display:flex;flex-direction:column;align-items:center;gap:1em;position:fixed;left:-1em;top:-1em;border-radius:0em 0em 4em 4em}
.input_box{position:absolute;top:40%;left:50%;transform:translatex(-50%);display:flex;flex-direction:column;align-items:center;justify-content:}
input[type="text"],input[type="password"]{margin-top:1em;outline:none;color:white;font-size:10pt;text-align:center;background-color:#151515;border:1px solid gray;border-radius:10px;border-width:0px 0 1px 0;width:23em;height:2em}  
input[type="text"]{margin-top:1em}  
input[type="submit"]{margin-top:1em;opacity:0.5;color:black;font-weight:bold;font-family:georgia;width:18em;height:3em;font-size:2ex;border:0px solid gold;border-radius:5px;background-color:gold}
a{color:orange;font-family:georgia}
.t1{background:linear-gradient(to right,gold 20%,orange );position:sticky;-webkit-background-clip:text;-webkit-text-fill-color: transparent;top:12em;font-weight:bold;transform:translatex(-0.1em)}       
#agree{font-family:georgia;border:1px solid orange;color:green;height:17px;line-height:17px;text-align:center;width:17px;border-radius:5px;display:inline-block;}       
p,.policy{color:gray;margin-top:2em;font-family:georgia}
#err{color:red;display:none} 
#loading{display:none;border:2px solid green;border-width:3.5px 3px 3px 3px;border-color:green gray gray gray;height:20px;width:20px;border-radius:50%;animation:load 1s linear infinite}
@keyframes load{
                 from{transform:rotate(0deg)}
                 to{transform:rotate(390deg)}
                } 

input {
    caret-color: white; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: white !important;
    -webkit-background-clip: text; 
    text-decoration: none !important; 
}


.password-container {
  position: relative;
  width: 100%;
}

.password-container input {
  width: 18em;
  padding-right: 40px; /* space for the eye */
  padding-left: 40px; /* space for the eye */
  height: 35px;
}

.password-container i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #555;
  font-size: 18px;
}