.navbar{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;background-color:rgba(35,37,42,.95);backdrop-filter:blur(10px);border-bottom:3px solid #0be779;pointer-events:fill;z-index:1000;padding:0 2rem;box-shadow:0 2px 10px rgba(0,0,0,.3)}.navbar a{cursor:pointer;font-weight:600;color:#fff;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:#0be779}.navlink-wrapper{width:auto;margin:0 1rem}.navlinks{display:flex;align-items:center;justify-content:center;flex:1}#hamburger-icon{width:30px;height:20px;position:relative;margin:0 auto;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer}#hamburger-icon,#hamburger-icon span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}#hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;opacity:1;left:0;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}#hamburger-icon span:first-child{top:0}#hamburger-icon span:nth-child(2),#hamburger-icon span:nth-child(3){top:9px}#hamburger-icon span:nth-child(4){top:18px}#hamburger-icon.open span:first-child{top:9px;width:0;left:50%}#hamburger-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#hamburger-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#hamburger-icon.open span:nth-child(4){top:9px;width:0;left:50%}@media screen and (min-width:768px){.hamburger,.mobilenav-wrapper{display:none}}@media screen and (max-width:767px){.navlinks{display:none}.hamburger{position:absolute;right:20px;cursor:pointer;z-index:1001}.navbar{padding:0 1rem}}.mobilenav-wrapper{position:fixed;top:60px;width:100%;z-index:999;clip:rect(0,9999px,9999px,-9999px)}.mobilenav{background-color:rgba(35,37,42,.98);backdrop-filter:blur(15px);border-bottom:2px solid #0be779;box-shadow:0 4px 20px rgba(0,0,0,.3)}.mobilenav.on{transform:translateY(0);opacity:1}.mobilenav.off,.mobilenav.on{transition:transform .4s ease-in-out,opacity .3s ease-out}.mobilenav.off{transform:translateY(-100%);opacity:0}.mobilenav-links{display:flex;flex-direction:column;padding:20px}.mobilenav-links a{text-align:left;font-size:1.1rem;font-weight:600;color:#fff;text-decoration:none;transition:all .3s ease;padding:18px 0;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative}.mobilenav-links a:hover{color:#0be779;padding-left:10px}.mobilenav-links a:last-child{border-bottom:none}.mobilenav-links a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:#0be779;transition:width .3s ease}.mobilenav-links a:hover:before{width:4px}.mobilenav-link-wrapper{text-align:left;padding:5px 0}