@media (prefers-color-scheme: dark) {
    body.systemDarkPreference img {
        filter: invert(91%) sepia(82%) saturate(3456%) hue-rotate(171deg) brightness(94%) contrast(94%);
    }

    body.systemDarkPreference {
        background-color: #0B1B2D;
        color: #AEC9E5;
    }

    body.systemDarkPreference nav,
    body.systemDarkPreference .navbar-brand {
        background-color: #03112150;
    }

    body.systemDarkPreference nav h2,
    body.systemDarkPreference nav .navbar-menu .navbar-item,
    body.systemDarkPreference .navbar-link {
        color: #A9C8EA;
    }

    body.systemDarkPreference nav .navbar-menu {
        background-color: #03112150;
    }

    body.systemDarkPreference nav .navbar-menu,
    body.systemDarkPreference .navbar-item:focus,
    body.systemDarkPreference .navbar-item:hover,
    body.systemDarkPreference .navbar-item:focus-within,
    body.systemDarkPreference .navbar-link:focus,
    body.systemDarkPreference .navbar-link:focus-within,
    body.systemDarkPreference .navbar-link:hover {
        color: #A9C8EA;
        background-color: #03112150;
    }

    body.systemDarkPreference footer {
        background-color: #031121;
    }

    body.systemDarkPreference footer strong {
        color: #AEC9E5;
    }

    body.systemDarkPreference .title {
        color: #A9C8EA;
    }

    body.systemDarkPreference .subtitle {
        color: #A9C8EA;
    }

    body.systemDarkPreference .breadcrumb {
        background-color: #0B1B2D;
    }

    body.systemDarkPreference li a {
        color: #2a93de;
    }

    body.systemDarkPreference li a :hover {
        color: #1f6699;
    }

    body.systemDarkPreference nav.breadcrumb li.is-active a {
        color: #A9C8EA;
    }

    body.systemDarkPreference .special_card {
        background-color: transparent;
        color: #AEC9E5
    }

    body.systemDarkPreference .navbar-dropdown {
        border-top: none;
        background-color: #031121;
    }

    body.systemDarkPreference .navbar-divider {
        background-color: #0B1B2D;
        color: #A9C8EA;
    }

    body.systemDarkPreference .navbar-item.has-dropdown:hover .navbar-link {
        background-color: transparent;
    }
}

body.dark img {
    filter: invert(91%) sepia(82%) saturate(3456%) hue-rotate(171deg) brightness(94%) contrast(94%);
}

body.dark {
    background-color: #0B1B2D;
    color: #AEC9E5;
}

body.dark nav,
body.dark .navbar-brand {
    background-color: #03112150;
}

body.dark nav h2,
body.dark nav .navbar-menu .navbar-item,
body.dark .navbar-link {
    color: #A9C8EA;
}

body.dark nav .navbar-menu {
    background-color: #03112150;
}

body.dark nav .navbar-menu,
body.dark .navbar-item:focus,
body.dark .navbar-item:hover,
body.dark .navbar-item:focus-within,
body.dark .navbar-link:focus,
body.dark .navbar-link:focus-within,
body.dark .navbar-link:hover {
    color: #A9C8EA;
    background-color: #03112150;
}

body.dark footer {
    background-color: #031121;
}

body.dark footer strong {
    color: #AEC9E5;
}

body.dark .title {
    color: #A9C8EA;
}

body.dark .subtitle {
    color: #A9C8EA;
}

body.dark .breadcrumb {
    background-color: #0B1B2D;
}

body.dark li a {
    color: #2a93de;
}

body.dark li a :hover {
    color: #1f6699;
}

body.dark nav.breadcrumb li.is-active a {
    color: #A9C8EA;
}

body.dark .special_card {
    background-color: transparent;
    color: #AEC9E5
}

body.dark .navbar-dropdown {
    border-top: none;
    background-color: #031121;
}

body.dark .navbar-divider {
    background-color: #0B1B2D;
    color: #A9C8EA;
}

body.dark .navbar-item.has-dropdown:hover .navbar-link {
    background-color: transparent;
}