@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%}body{background-color:#f3f2ef}#navid a:first-child{font-family:Orbitron,sans-serif;font-weight:700;color:#0FD46C;font-size:15px}#navid{position:fixed;top:0;left:0;width:100%;height:30px;z-index:999;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:rgba(255,255,255,.7);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}#navid,#navid a{text-decoration:none}#navid a{position:relative;color:#333;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:11px;transition:color .3s ease;text-transform:uppercase;letter-spacing:1px}#navid a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#0FD46C;transition:width .3s ease}#navid a.active:after,#navid a:hover:after{width:100%}#navid a.active{font-weight:700}.menu-icon{width:25px;height:25px;cursor:pointer}.button{background-color:#0FD46C;color:black!important;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-family:Inter,Helvetica Neue,Arial,sans-serif;transition:background-color .3s ease,transform .1s ease,color .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);text-decoration:none!important}.button:hover{background-color:#0CB25A;box-shadow:0 4px 8px rgba(0,0,0,.2);color:white!important}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:20px;height:15px;padding:0}.hamburger span{width:100%;height:2px;background-color:#333;transition:all .3s ease}@media screen and (max-width:768px){.hamburger{display:flex}.menu-icon{display:none}#navid a:not(:first-child):not(.button){display:none;position:absolute;top:30px;left:0;width:100%;background-color:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.1)}#navid.menu-open a:not(:first-child):not(.button){display:block}#navid.menu-open a:nth-child(2){top:30px}#navid.menu-open a:nth-child(3){top:60px}#navid.menu-open a:nth-child(4){top:90px}#navid.menu-open a:nth-child(5){top:120px}#navid.menu-open a:nth-child(6){top:150px}#navid.menu-open a:nth-child(7){top:180px}#navid.menu-open a:nth-child(8){top:210px}#navid.menu-open a:nth-child(9){top:240px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}