@media screen and (orientation: portrait) {
        /* body.mobile {
                font-size: xx-large;

                #back_to_top, #dark_light_foot {
                        font-size: xx-large;
                }

                #dark_light_foot,#back_to_top {
                        img {
                                width: 1.7em;                
                        }
                }

                #navigator {
                        div {
                                a {
                                        margin: 0.2em;
                                        font-size: 1.4em;
                                }
                        }
                }
        }*/

        footer {
                flex-direction: column;
        }

        .projectContainer {
                grid-template-columns: repeat(1, 1fr);
        }

        .codeBox {
                margin-left: 1em;
                margin-right: 1em;
        }

        #to_screenshots_button {
                display: none !important;
        }

        #navigator {
                flex-direction: column;
        }
}

html {
        content: "";
}

@media (prefers-color-scheme: light) {
        html {
                content: "light";
        }
}

@media (prefers-color-scheme: dark) {
        html {
                content: "dark";
        }
}