body, html {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*
    Coloration doesn't work properly without recompiling mdb - the following
    doesn't work on checkboxes, which have a fixed color code.
*/

/*.btn-primary {
    --mdb-btn-bg: #594ae2;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #594ae2;
    --mdb-btn-hover-bg: #594ae2;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #594ae2;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #594ae2;
    --mdb-btn-active-color: #fff
}

    .btn-primary:focus {
        background-color: #594ae2;
    }

nav {
    background: #594ae2;
}
*/


footer {
    padding: 1em 0;
}

.main-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

    .main-container div {
        flex-grow: 1;
    }

        .main-container div:last-child {
            flex-grow: 1.5;
        }

.identity-container {
    margin-bottom: 10em;

    max-width: 540px;
}

form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

hr {
    margin-bottom: 4em;
}

.right-0 {
    right: 0;
}

.left-0 {
    left: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.inset-0 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}