body {
    background-color: skyblue;
}

#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;
}

.form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #8080802b;
}

.container-fluid {
    /*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;
}