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

    #container{height:550px ;
        margin-top: 40px;
        width: 350px;
        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{justify-content: space-evenly;
            background-color:  #0f0617;
            display: grid;
           
            /* border: 1px solid gold ; */
            margin-top: 15%;
            height: 50px;
          
            display: flex;
            border-radius: 6px;
      
       
    }
    #img1>div>a{border-radius: 100%;}
    

    #circle{border-radius: 100%;}



    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: rgb(37, 7, 66);
        margin: auto;

        display: flex;
align-items: center;
justify-content: center;
       
       font-size: 15px;
        width: 40px;height: 40px;
        text-align: center;
        border-radius: 100%;
        color: white;}

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

            input:hover{font-size: 15px;height: 30px;}


#input{width: 100%;
    border: none;
margin-top: 40px;
}
       
       
.inputINNER{position: relative;height: 30px;
width: 100%;
}           

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

.inputINNER input:focus~label,
.inputINNER input:valid~label{
transform: translateY(-20px);
font-size: 15px;
}

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

#conditions{color: white;
    padding-top: 30px;
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;}

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