body{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:linear-gradient(to bottom, #007BFF ,#00FFFF ,#E4F3E3);
    background-attachment:fixed;
}

.auth-container{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding:20px;
}

.signup-container, .login-container{
    display:flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding:20px;
}

.email {
    padding:10px;
}
.usern{
    padding:10px;
}
.passw{
    padding:10px;
}
.subButton{
    justify-content:center;
}
.btn{
    background:rgb(101, 100, 100);
    color:white;
    padding:10px 12px;
    border-radius:9px;
    text-align:center;
    cursor:pointer;
    width:185px;
    transition:background-color 0.1s ease;
}
.btn:hover{
    background-color:rgb(56, 55, 55);
}

.subButton {
    display:flex;
    justify-content: center;
}

.back{
    position:absolute;
    left: 20px;
    width:75px;
    top:10px;
    background:rgb(90, 90, 90);
    color:white;
    text-align:center;
    padding: 10px 12px;
    border-radius: 12px;
    cursor:pointer;
    transition: background-color 0.3s ease-in-out;
}

.back:hover{
    background:rgb(43, 43, 43)
}