body {
    background-color: #fff5ea !important;
}

*,
*::before,
*::after,
body,
html,
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, input, textarea, select,
label, small, strong, em, b, i,
table, th, td, tr,
ul, ol, li,
nav, header, footer, main, section, article,
.card, .btn, .form-control, .form-label,
.navbar, .navbar-brand, .nav-link,
.dropdown-menu, .dropdown-item,
.modal, .modal-header, .modal-body, .modal-footer,
.alert, .badge, .list-group, .list-group-item,
.breadcrumb, .breadcrumb-item,
.pagination, .page-link,
.tooltip, .popover,
.accordion, .accordion-header, .accordion-body,
.tab-content, .tab-pane, .nav-tabs, .nav-link,
.progress, .progress-bar,
.spinner, .spinner-border,
.toast, .toast-header, .toast-body {
    font-family: 'Outfit', sans-serif !important;
}

div.aside,
.bg-dark,
.profile-container {
    background-color: #3b0042 !important;
}

th,
tr,
td,
.bg-white,
.dropzone .dz-preview,
.dropzone-wrapper .dz-preview,
.editor-preview-side,
.layout {
    background-color: #fff !important;
}

.modal-650 {
    max-width: 650px;
}

.brand-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.aside > header {
    position: relative;
    justify-content: center;
}

.aside > header .header-brand {
    order: 0 !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .aside > header .header-toggler {
        position: absolute;
        left: 1rem;
        z-index: 1;
    }
}