* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

body {
    background-color: #fafafa;
}

/* .container {
    margin-top: 10%;
    background-color: #e7ecfe;
    padding: 10% 10% 10% 10%;
    border: 2px solid #898989;
    border-radius: 10px;
    opacity: 80%;
} */

#loginForm {
    margin-top: 4%;
    margin-left: 20%;
    padding: 3% 2% 3% 0%;
    width: 60%;
    background-color: #ffffff;
    border-radius: 10px;
}

.container h2, p {
    text-align: center;
}

#leftForm {
    text-align: center;
}

#infinitylogo {
    margin-top: 25%;
}

#signinBtn {
    width: 100%;
    height: 45px;
}


/* Resposive */
@media screen and (max-width: 1024px) {
    #loginForm {
        width: 80%;
        padding: 1% 2% 1% 0%;
        margin-left: 10%;
        margin-top: 5%;
    }

}