body{background-color:#151515;font-family:georgia} 
 h4{color:orange}   
 input[type="submit"]{margin-top:1em;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} 
       input[type="checkbox"]{display: none}
        .custom-checkbox {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid gray;
            border-radius: 5px;
            position: relative;
            cursor: pointer;
        }
        input[type="checkbox"]:checked + .custom-checkbox {background-color:#151515;border-color:gray;}

input {
    caret-color: white; /* normal cursor */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: white !important; /* text color */
    -webkit-background-clip: text; /* hides autofill bg */
    text-decoration: none !important; /* removes red underline */
}

        /* Add a checkmark when checked */
        input[type="checkbox"]:checked + .custom-checkbox::after {
            content:"✔";
            color: green;
            font-size: 16px;
            font-weight: bold;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }  
input[type="text"]{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:1px;width:23em;height:3em}
 .cont{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:1px;width:17em;height:3em}

 .center{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:1px;width:7em;height:3em;margin-bottom:1em}
label{color:orange;padding-left:1em}
p{color:gray}
.error{color:red} 
#loading{display:none;position:relative;left:50%;transform:translate(-52%);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)}
                   } 
.iti {
  display: inline-flex !important;
  align-items: center;
}
a{color:orange}
table{margin-left:50%;transform:translatex(-50%)}
.iti__flag-container {display:none}   
.cc{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:1px;height:3em;color:gray}