:root{--site-bg:#0d0d1f;--navbar-bg:#0f0f31;--site-text:#fff;--site-links-hover:#67e8f9}.navbarStyles{z-index:9999;width:100%;position:fixed;top:0;left:0}.desktopNavbarStyles{justify-content:space-between;width:100%;height:12vh;padding:0 20px;transition:all .2s;display:flex}.desktopNavbarStyles.navBgActive{background-color:var(--navbar-bg);box-shadow:0 2px 10px #0000004d}.desktopNavbarStyles .logoContainer{align-items:center;gap:10px;height:100%;display:flex}.desktopNavbarStyles .navbarTitle{color:var(--site-text);text-transform:uppercase;font-size:24px;font-weight:600}.desktopNavbarStyles .navlinkContainer{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.desktopNavbarStyles .navlinkContainer .singleNavlink{cursor:pointer;transition:all .2s}.desktopNavbarStyles .navlinkContainer .singleNavlink:hover{color:var(--site-links-hover)}.desktopNavbarStyles .navlinkContainer .singleNavlink.active{color:var(--site-links-hover);border-bottom:2px solid var(--site-links-hover);padding-bottom:3px}.desktopNavbarStyles .buttonContainer{align-items:center;display:flex}.desktopNavbarStyles .buttonContainer .menuIcon{width:28px;color:var(--site-text);cursor:pointer;justify-content:center;font-size:28px;transition:all .2s;display:flex}.desktopNavbarStyles .buttonContainer .menuIcon:hover{color:var(--site-links-hover)}.mobileNavbarOverlay{z-index:9998;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.mobileNavbarContainer{background-color:var(--navbar-bg);z-index:9999;width:75%;height:100%;padding:20px 0;position:fixed;top:0;right:0}.mobileNavbarContainer .buttonContainer{justify-content:flex-end;padding:0 20px;display:flex}.mobileNavbarContainer .buttonContainer .pi-times{color:var(--site-text);cursor:pointer;font-size:20px;transition:all .2s}.mobileNavbarContainer .buttonContainer .pi-times:hover{color:var(--site-links-hover)}.mobileNavbarContainer .navlinksContainer{flex-direction:column;gap:25px;padding:20px;display:flex}.mobileNavbarContainer .navlinksContainer .singleNavlink{color:var(--site-text);cursor:pointer;font-size:1rem;transition:all .2s}.mobileNavbarContainer .navlinksContainer .singleNavlink:hover{color:var(--site-links-hover)}.mobileNavbarContainer .navlinksContainer .singleNavlink:hover label{border-bottom:1px solid var(--site-links-hover)}.mobileNavbarContainer .navlinksContainer .singleNavlink.active{color:var(--site-links-hover)}.mobileNavbarContainer .navlinksContainer .singleNavlink.active label{border-bottom:2px solid var(--site-links-hover)}.mobileNavbarContainer .navlinksContainer .singleNavlink label{border-bottom:1px solid var(--site-text);padding-bottom:5px}