#leftSquareLogIn {
    background-color: rgba(30, 105, 218, 0.477);
}

#rightSquareLogIn {
    background-color: white;
    transition: transform 1s;
}

#fullSquareLogIn {
    height: 75%;
    width: 70%;
}

#formLogIn {
    width: 80%;
    text-align: center;
}

#formSignUp {
    width: 80%;
    text-align: center;
}

.inputLogIn {
    background-color: #8080802b;
}

.inputLogIn:focus {
    background-color: white !important;
}

.loginScreen {
    /*background-color: #8080802b;*/
    background-image: url(../img/loginBg.jpg);
    background-size: cover;
}

#signUpLogIn:hover {
    transform: scale(1.15) perspective(1px);
    transition: transform 0.5s;
    background-color: transparent;
}

.errorInput {
    border: 1px solid #f1aeb5;
    background-color: #f8d7da;
}