/* 
	Originally generated with LLama-4,
	then heavily edited due to contradictions, misinterpretation etc.
*/

body {
    margin: 0;
    padding: 0;
}

.content {
    display:none;
}

.menu {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: static;
    height: 100vh;  /* To fill whole screen if necessary, but can be wasteful if menu content does not */
    width: 100vw;
    background-color: #111;
}

@media (min-width: 800px) {
    .menu {
	padding-top: 0;
	
	padding-bottom: 0;
        display: block;
        position: fixed;
	width: 250px;
        top: 0;
        right: 0;
        height: 100vh;
        overflow-y: auto;
	background-color: #000;
    }

    .content {
	display: block;
	height: 100vh; /* Take the full height of the viewport */
	width: 100vw;
	overflow-y: auto; /* Scrollable */
        margin-right: 250px; /* Make space for the menu */
	background-color: #111;
    }

}