*{background-color: #0f0617;
    font-family: sans-serif;}

    #container{
        margin-top: 40px;
        width: 25%;
        margin: auto;
        /* border: 1px solid green;*/
    } 

        .regHeader{color: white;
            /* border: 1px solid red; */
            text-align: center;
        font-size: 20px;
    font-weight: bold;
letter-spacing: .01mm;
padding-top: 20px;}

        .aa{color: white;
            width: 80%;
            font-size: 15px;
            justify-content: center;
            text-align: center;
            margin: auto;
            /* border: 1px solid yellow; */
        padding-top:20px;}

        #img1{
            /* border: 1px solid gold ; */
            margin-top: 15%;
            height: 50px;
            color: rgb(146, 18, 82);
            display: flex;
            border-radius: 6px;
        background-color: white;
        justify-content: center;
    }
    img{border-radius: 0px;
        background-color: white;}

    #googleSignIn{background-color: white;
        font-size: 13px;
        font-weight: bold;
    margin-top:15px;}

    a{background-color: white;
      text-decoration: none;}

    #or{
        /* border: 1px solid green; */
       
        margin-top: 10%;
       }
    #or1{background-color: purple;
        margin: auto;
       
        display: flex;
align-items: center;
justify-content: center;
        width: 30px;
        height: 30px;
        text-align: center;
        border-radius: 100%;
        color: white;}

        input:focus, textarea:focus, select:focus{
            outline: none;}

           
            input:hover{font-size: 15px;height: 40px;}
#input{width: 100%;
    border: none;
margin-top: 40px;
}


       
       
.inputINNER{position: relative;
    height:40px;
width: 100%;
}           

.inputINNER input{height: 100%;width: 100%;
color: white;
border: none;
border-bottom: 2px solid silver;}



#input .inputINNER label{position: absolute;
bottom: 5px;
left: 0;
transition: all 0.3s ease;
pointer-events: none;
color: gray;}

#conditions{color: white;
    padding-top: 90px;
width: 90%;
font-size: 13px;
margin-top: 30px;}

#con{background-color: #0f0617;
color: blueviolet;}


#submit{width: 100%;background-color: #0f0617;margin-top: 20px;}
button{background-color: #0f0617;
font-size: 15px;
width: 100%;
height: 40px;
border-radius: 5px;
border: 1px solid gray;
 color: silver;}


 #al{color: white;
    text-align: center;
    margin-top: 15px;
font-size: 13px;}
#al>a{color: blueviolet;background-color: #0f0617;}


.registerButton:hover{
    cursor: pointer;
    background-color: #20122c;
}