body{background:var(--background, hsl(216, 7%, 13%));font-family:PP Radio Grotesk,sans-serif;height:100vh;margin:0;overflow-y:scroll;padding:0}nav{box-sizing:border-box;height:100%}ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;overflow-y:scroll;padding:0;position:fixed;height:100%;width:100%}ul li{cursor:pointer;min-height:75px;height:9.5vh;width:100%}ul li a{height:100%;width:100%}a{align-items:center;background-color:var(--background, hsl(216, 7%, 13%));border-top:1px solid rgba(255 255 255 / .2);box-sizing:border-box;color:var(--foreground, hsl(47, 100%, 94%));display:flex;justify-content:flex-start;padding:0 15px;text-decoration:none;transition:background-color var(--transition--ms, .1s) var(--transition--ease, cubic-bezier(.4, 0, .2, 1)),color var(--transition--ms, .1s) var(--transition--ease, cubic-bezier(.4, 0, .2, 1))}a:hover{background:var(--foreground, hsl(47, 100%, 94%));color:var(--background, hsl(216, 7%, 13%))}a :first-of-type{position:relative;width:50%}