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

        footer {
                flex-direction: column;
        }

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

html {
        content: "";
}

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

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