nav{position:absolute;top:2.5%;width:100%;display:flex;justify-content:space-around;align-items:center;font-family:var(--secondary-font);cursor:default;z-index:3}nav > h1{letter-spacing:-1px;font-weight:900;font-size:30px}.nav-items{display:flex;justify-content:center}.nav-items li{position:relative;cursor:pointer;padding:5px 10px;margin:0 10px;font-weight:600;transition:color var(--transition-time-fast) var(--transition-function-ease)}.nav-items li:not(li.active):hover{color:var(--quarter-opacity-primary)}.nav-items li.active::after{content:"";position:absolute;left:25%;bottom:0;height:5px;width:50%;border-radius:25px;background:var(--primary)}.nav-contact button{font-weight:600;font-size:13px;padding:12.5px 25px;border-radius:10px;background:var(--primary);color:var(--light-1);box-shadow:0 10px 10px 2.5px var(--full-opacity-primary);transition-property:transform,box-shadow;transition-duration:var(--transition-time-slow);transition-timing-function:var(--transition-function-weirdcubic)}.nav-contact button:hover{transform:scale(1.07);box-shadow:0 10px 10px 15px var(--full-opacity-primary)}.nav-icon-btn{position:absolute;right:15%;display:none}.nav-icon-btn i{cursor:pointer;padding:15px;border-radius:50%;background:var(--light-3);box-shadow:0 0 10px 10px var(--full-opacity-secondary)}nav > h1 span,.nav-items li.active{color:var(--primary)}@media (max-width: 650px){.nav-icon-btn{display:unset}nav > h1{display:none}nav{justify-content:flex-start;padding:0 5%;width:100%}.nav-items:not(.projecten-items){position:absolute;left:0;top:-50%;width:100vw;height:0;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;background:var(--light-3);transition:height var(--transition-time-slow) var(--transition-function-ease)}.nav-items:not(.projecten-items) li{text-align:center;font-size:30px;margin:10px 0}.nav-items:not(.projecten-items).menu-open{height:100vh}}