@media screen and (max-width: 576px) {
    .page-content {
        margin-top: 74px !important;
    }

    .centered-body {
        height: 100% !important;
    }
}

.d-login {
    display: block;
}

.page-content {
    background: #FFF !important;
    margin: 0 !important;
    width: 100% !important;
    padding-top: 0;
}

.navbar-toggleable-sm {
    margin-left: 30px;
    margin-right: 30px;
    height: var(--header-size);
    padding-top: 13px
}

.centered-body {
    height: calc(100vh - var(--header-size));
}

#global-message {
    left: 50% !important;
    transform: translateX(-50%);
}

.list-group-circle {
    list-style-type: circle;
}

.list-group-numbers {
    list-style-type: decimal;
    display: inline-grid;
    gap: 2rem
}

.list-group-numbers > li::marker {
    font-weight: bold;
}