body {
    background-image: url('../images/login-bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    overflow: hidden;
}

.sign-in {
    width: 100%;
    max-width: 1230px;
    padding: 55px;
    margin: 1% auto 10% auto;
    background-color: rgba(11, 148, 234, 0.18);
    /*box-shadow:*/
    /*        inset 5px 5px 10px white,*/
    /*        inset -5px -5px 10px white;*/

    transform:
            perspective(750px)
            translate3d(0px, 0px, -3250px)
            rotateX(27deg)
            scale(0.9, 0.9);
    opacity: 0;
    transition: 0.4s ease-in-out transform;
}

.sign-in-text {
    width: 100%;

    padding: 55px;
    margin: 1% auto;
    border: 0;
}

form > div {
    margin: 25px 0 0 0;
}

.submit-btn {
    width: 100%;
}

.login-card-body {
    width: 70%;
}

input[type="email"], input[type="password"] {
    font-size: 15px;
}