/*
@media (prefers-color-scheme: dark) {
    body, div, p, ul, li, #mainNav, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        background: #111 !important;
        color: #f5f5f5 !important;
    }
    .btn {
        border: 1px solid #f5f5f5 !important;
    }
    img {
        opacity: .75;
        transition: opacity .5s ease-in-out;
    }
    img:hover {
        opacity: 1;
    }
}
*/

body.darkmode, body.darkmode div, body.darkmode p, body.darkmode ul, body.darkmode li, body.darkmode #mainNav, body.darkmode .navbar-default .navbar-nav>.active>a, body.darkmode .navbar-default .navbar-nav>.active>a:focus, body.darkmode .navbar-default .navbar-nav>.active>a:hover {
    background: #111 !important;
    color: #f5f5f5 !important;
}

body.darkmode .btn {
    border: 1px solid #f5f5f5 !important;
    opacity: .85 !important;
    transition: opacity .5s ease-in-out;
}
body.darkmode .btn:hover {
    opacity: 1;
}

body.darkmode img {
    opacity: .75;
    transition: opacity .5s ease-in-out;
}
body.darkmode img:hover {
    opacity: 1;
}

.navbar-enable-darkmode, body.darkmode .navbar-disable-darkmode {
    display: block !important;
}
.navbar-disable-darkmode, body.darkmode .navbar-enable-darkmode {
    display: none !important;
}