button.nav___button{display:none;position:fixed;bottom:1.5rem;left:1.5rem;width:3rem;height:3rem;border:none;background-color:#ffffff40;backdrop-filter:blur(1rem) brightness(1.5);border-radius:0.75rem;flex-direction:row;align-items:center;padding:0.9rem 0.8rem;box-sizing:border-box;cursor:pointer;z-index:1000}button.nav___button>span.burger{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform 150ms ease-in-out}button.nav___button>span.burger>span{display:flex;content:"";height:3px;width:100%;background-color:#fff;border-radius:1rem;transition:transform 150ms ease-in-out, opacity 150ms ease-in-out;position:absolute;border-radius:1rem}button.nav___button>span.burger>span:nth-child(1){transform:translateY(-0.5rem)}button.nav___button>span.burger>span:nth-child(2){transform:translateY(0)}button.nav___button>span.burger>span:nth-child(3){transform:translateY(0.5rem)}button.nav___button.active span.burger{transform:rotate(90deg)}button.nav___button.active span.burger span:nth-child(1){transform:translateY(0) rotate(45deg)}button.nav___button.active span.burger span:nth-child(2){opacity:0}button.nav___button.active span.burger span:nth-child(3){transform:translateY(0) rotate(-45deg)}@keyframes burgerOpen{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(1.25px) rotate(45deg)}100%{transform:translateY(1.25px) rotate(45deg)}}nav.nav___main{position:fixed;display:flex;flex-direction:row;align-items:center;top:1.5rem;left:1.5rem;background-color:#ffffff40;padding:1rem 2rem;border-radius:0.75rem;max-width:75vw;backdrop-filter:blur(1rem) brightness(1.5);height:3.75rem;z-index:1000}nav.nav___main ul{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;max-width:100%}nav.nav___main ul a{text-decoration:none;color:var(--text);font-size:1rem;font-weight:500;display:flex;flex-direction:row;gap:0.75rem;align-items:center}nav.nav___main ul a .c3_line{display:flex;content:"";height:1.25rem;width:3px;border-radius:1rem;background-color:var(--secondary);transform:rotate(var(--line-rotation));transition:transform 150ms ease-in-out}nav.nav___main ul a:hover .c3_line,nav.nav___main ul a:focus-within .c3_line{transform:rotate(45deg)}nav.nav___main ul a.active .c3_line{background-color:var(--primary);transform:rotate(90deg)}div.nav___logo{display:flex;flex-direction:row;align-items:center;position:fixed;top:1.5rem;right:1.5rem;height:3.75rem;z-index:100}div.nav___logo img{height:2.5rem;filter:drop-shadow(0 0 0.25rem var(--background))}@media screen and (max-width:768px){button.nav___button{display:flex}nav.nav___main{top:auto;bottom:5.5rem;transition:opacity 150ms ease-in-out;opacity:1;background-color:transparent;backdrop-filter:none;height:fit-content;padding:0;z-index:1000;pointer-events:all}nav.nav___main.hidden{opacity:0;pointer-events:none}nav.nav___main ul{flex-direction:column;gap:1rem}nav.nav___main ul li{backdrop-filter:blur(1rem) brightness(1.5);border-radius:0.75rem;background-color:#ffffff40;padding:0.75rem 1.25rem}div.nav___logo{top:1rem;right:1rem;height:2rem}div.nav___logo img{height:1.75rem}}