#signUpForm {
    max-width: 100%;
    background-color: #ffffff;
    margin: 20px;
    padding: 20px;
    box-shadow: 0 6px 18px rgb(0 0 0 / 9%);
    border-radius: 12px;
    width: 100%;
}

@media (min-width: 768px) {
    #signUpForm {
        max-width: 658px;
        padding: 40px;
    }
}

#signUpForm .form-header {
    gap: 5px;
    text-align: center;
    font-size: .9em;
}

#signUpForm .customInput {
    padding: 10px 15px;
    width: 100%;
    font-size: 1em;
    border-radius: 5px;
}



#signUpForm .form-footer {
    overflow: auto;
    gap: 20px;
}

#signUpForm .form-footer button {


    border: none;
    padding: 13px 30px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
    flex: 1;
    margin-top: 5px;
}

#signUpForm .form-footer button:hover {
    opacity: 0.8;
}


a {
    text-decoration: none;
}



#googleContainer {
    overflow: auto;
    gap: 5px;
    border-radius: 4px;
    margin-top: 10px;
    border: 1px solid #dadce0;
    color: #3c4043;
    padding: 8px;
}

#icon {
    width: 20px;
    height: 20px;
    margin-top: 2px;

}

#googleContainer:hover {
    background-color: #F8FAFF;
    cursor: pointer;
}