.navbar{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;background-color:#2d2d30;backdrop-filter:blur(10px);border-bottom:1px solid #3e3e42;pointer-events:fill;z-index:1000;padding:0 2rem;box-shadow:0 1px 3px rgba(0,0,0,.5);font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace}.navbar a{cursor:pointer;font-weight:500;color:#ccc;text-decoration:none;transition:all .2s ease;padding:8px 12px;border-radius:4px;font-size:14px;letter-spacing:.5px}.navbar a:hover{color:#fff;background-color:#2a2d2e}.navlink-wrapper{width:auto;margin:0 1rem}.navlinks{display:flex;align-items:center;justify-content:center;flex:1}#hamburger-icon{width:24px;height:18px;position:relative;margin:0 auto;transform:rotate(0deg);transition:.3s ease-in-out;cursor:pointer}#hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:#d4d4d4;border-radius:1px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}#hamburger-icon span:first-child{top:0}#hamburger-icon span:nth-child(2){top:8px}#hamburger-icon span:nth-child(3){top:16px}#hamburger-icon.open span:first-child{top:8px;transform:rotate(45deg)}#hamburger-icon.open span:nth-child(2){opacity:0;left:-60px}#hamburger-icon.open span:nth-child(3){top:8px;transform:rotate(-45deg)}@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%;left:0;right:0;z-index:999}.mobilenav{background-color:#1e1e1e;backdrop-filter:blur(15px);border-bottom:1px solid #3e3e42;box-shadow:0 4px 20px rgba(0,0,0,.5);font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;width:100%;margin:0;padding:0}.mobilenav.on{transform:translateY(0);opacity:1}.mobilenav.off,.mobilenav.on{transition:transform .3s ease-in-out,opacity .2s ease-out}.mobilenav.off{transform:translateY(-100%);opacity:0}.mobilenav-links{display:flex;flex-direction:column;padding:16px 0;margin:0;width:100%}.mobilenav-links a{text-align:left;font-size:.9rem;font-weight:500;color:#d4d4d4;text-decoration:none;transition:all .2s ease;padding:12px 20px;border-radius:0;margin:0;position:relative;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;letter-spacing:.5px;width:100%;display:block}.mobilenav-links a:hover{color:#4fc3f7;background-color:#252526;transform:translateX(0)}.mobilenav-links a:last-child{margin-bottom:0}.mobilenav-links a:before{content:"$";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#4fc3f7;font-weight:600;opacity:0;transition:opacity .2s ease}.mobilenav-links a:hover:before{opacity:1}.mobilenav-link-wrapper{text-align:left;padding:0;margin:0;width:100%}.nav-command{display:block;width:100%}