body {
    min-height: 200vh;
}

.content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

img {
    display: block;
    margin: auto;
}

.auth-card {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}

    .auth-card .form-control {
        border-radius: 6px;
        border-color: #ced4da;
        font-size: .9rem;
    }

        .auth-card .form-control:focus {
            border-color: #66004B;
            box-shadow: 0 0 0 0.2rem rgba(102,0,75,.2);
        }

    .auth-card .btn-auth {
        background-color: #66004B;
        border-color: #66004B;
        border-radius: 6px;
        padding: .5rem;
        font-size: .9rem;
        transition: background-color .15s;
    }

        .auth-card .btn-auth:hover {
            background-color: #4D0038;
            border-color: #4D0038;
        }

.auth-link {
    color: #66004B;
    text-decoration: none;
    font-size: .85rem;
}

    .auth-link:hover {
        color: #4D0038;
        text-decoration: underline;
    }

.text-white {
    color: white !important;
    text-align: center;
}

.form-control {
    width: 97% !important;
}

.input-group .form-control {
    width: 83% !important;
}
