body {
    background: url('../images/background.jpg') no-repeat fixed center center;
    background-size: cover;
    font-family: Montserrat;
}

.logo {
    width: 320px;
    height: 30px;
    margin: 100px auto 30px auto;
    color: white;
}

.login-block {
    width: 320px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #ff656c;
    margin: 0 auto;
}

    .login-block h1 {
        text-align: center;
        color: #000;
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .login-block input {
        width: 100%;
        height: 42px;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid #ccc;
        padding: 0 0 0 40px;
        outline: none;
    }

    .login-block button {
        height: 40px;
        background: #ff656c;
        box-sizing: border-box;
        border-radius: 5px;
        border: 1px solid #e15960;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
        outline: none;
        cursor: pointer;
        width: 100%;
    }

        .login-block button:hover {
            background: #ff7b81;
        }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out !important;
}

.login-block .fa.fa-user,
.login-block .fa.fa-lock,
.login-block .fa.fa-envelope {
    position: absolute;
    margin: 13px;
    font-size: 16px;
}

.forgot-password {
    text-align: center;
    margin-top: 10px;
}

.field-validation-error {
    color: #e80c4d;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}