html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main.body-content {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.form-signin {
    width: 100%;
    padding: 15px;
    margin: auto;
}


@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: opacity .15s linear;
    }
}