@media (prefers-color-scheme: dark) {

    h1,
    h2,
    h3,
    p {
        color: #ebebeb;
    }

    body {
        background-color: #670707;
    }
.header-top {
    background-color: #c21900;
}
    header {
        background-color: #656565;
    }

    /* NavBar */
    .navbar {
        box-shadow: inset 2000px 2000px 2000px rgba(224, 0, 0, 0.5);
    }

    .menu a:link {
        color: #ebebeb;
    }

    .menu a:hover {
        color: #3f3f3f;
    }

    .menu a:visited {
        color: #ebebeb;
    }

    .top-deck {
        background-color: #3f3f3f;
        border-left: solid 5px #3f3f3f;
        border-right: solid 5px #3f3f3f;
    }
.top-deck-profile {
        background-color: #3f3f3f;
        border-left: solid 5px #3f3f3f;
        border-right: solid 5px #3f3f3f;
    }
    /* Text overlay */
    .intro {
        background: rgba(65, 65, 65, 0.5);

        
    }

        /* Text overlay */
        .intro-profile {
            background: rgba(65, 65, 65, 0.5);
    
            
        }

    /* Gallery */
    .break {
        background-color: #3f3f3f;
    }

    .gallery {
        background-color: #656565;
        border-left: solid 5px #3f3f3f;
        border-right: solid 5px #3f3f3f;
    }

    .gallery-profile {
        background-color: #656565;
        border-left: solid 5px #3f3f3f;
        border-right: solid 5px #3f3f3f;
    }

    .glass {
        background: rgba(65, 65, 65, 0.5);
    }

    .fig-container {
        background: rgba(65, 65, 65, 0.5);

    }



    .figcaption {
        color: #ebebeb;
    
    }

    .red-layer {
    opacity: 0.5;
}

.cyan-layer {
    opacity: 0.65;

}

}