body, .sidebar-accordion .accordion-button, .sidebar-link {
    font-family: "sofia-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .fw-bold {
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.sidebar {
    background: #424b54;
}

.header-title {
    color: #424b54;
}

.sidebar p.mec {
    color: #f6ee21;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
}

h5.card-title,
.sidebar-link.light
{
    color: #f6ee21;
}

.card .card-header {
    background: #424b54;
}

.sidebar-link:before {
    background-color: #f6ee21;

}

.sidebar-accordion .accordion-body {
    background-color: #f6ee21;
}

.sidebar-nav li a {
    color: #424b54;
}

.sidebar-link:hover {
    color: #424b54;
}

.sidebar-link.stay-active span {
    color: #424b54;
}

.btn-primary {
    color: #424b54;
    background-color: #f6ee21;
    border-color: #f6ee21;
}

.btn-primary:hover {
    color: #424b54;
    background-color: #f6ee21;
    border-color: #f6ee21;
}

.btn-primary:focus, .btn-primary.focus {
    color: #424b54;
    background-color: #f6ee21;
    border-color: #f6ee21;
    box-shadow: 0 0 0 0.25rem rgba(255, 234, 0, 0.5);
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #424b54;
    background-color: #f6ee21;
    border-color: #f6ee21;
}

.btn-primary:active:focus, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 234, 0, 0.5);
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #424b54;
    background-color: #f6ee21;
    border-color: #f6ee21;
    opacity: 0.65;
}

#stats .card {
    background-color: #424b54;
}

#stats h1, #stats span, #stats small {
    color: white !important;
}

.header-title:after {
    width: 100px !important;
    height: 100px !important;
    top: -110px !important;
}