body.dark {
    background-color: #000 !important;
    color: #fff !important;
}

    body.dark header {
        background-color: #000 !important;
    }

    body.dark button {
        background-color: #444 !important;
        color: #fff !important;
    }

.text-xxs {
    font-size: 0.625rem; /* 10px */
    line-height: 1rem;
}

.header-l {
    font-size: 2.5rem !important;
}

h5 {
    font-size: 1.25rem !important;
    margin-bottom: .5rem !important;
}

p {
    margin-top: 0;
    margin-bottom: 1rem !important;
}

ol, ul {
    list-style-type: decimal !important;
    padding: inherit !important;
    padding-left: 2rem !important;
}

.normal-width {
    width: 100%;
}


/*Submit Animation*/
.rotate {
    animation: rotation .5s linear forwards;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(180deg);
    }
}

@keyframes shrinkFlex {
    0% {
        flex-grow: 1;
    }

    100% {
        flex-grow: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes combinedAnimation {
    25% {
        width: 24rem;
        opacity: 1;
        visibility: visible;
    }

    50% {
        opacity: 0;
    }

    100% {
        width: 0rem;
        opacity: 0;
        visibility: hidden;
    }
}

.combined-animation {
    animation: combinedAnimation .6s linear forwards;
}


@keyframes fadeDisc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.fade-disc {
    animation: fadeDisc .5s linear forwards;
}

.spacer-small {
    width: 100%;
    padding-top: 1rem;
}