body {
margin: 0;
font-family: Arial, sans-serif;
}

nav {
position: fixed;
top: 10px;
left: 0;
height: 100vh;
width: 5vw;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 20px;
}

nav a {
writing-mode: vertical-rl; /* Text vertikal */
transform: rotate(180deg); /* Lesrichtung anpassen */
margin: 20px 0;
padding: 5px;
color: white;
text-decoration: none;
transition: background 0.3s;
font-size: 1.4vh;
font-weight: 800;
text-shadow: -2px -2px 4px #000000;
}

nav a:hover {
background: color(display-p3 0.324 0.584 0.894);
}