.navbar{filter:drop-shadow(0 10px 30px #00000026);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#fffdf0e6;border-radius:150px;width:70dvw;height:60px;margin:7dvh 15dvw;font-family:Lexend,sans-serif;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed}.navbar-container{justify-content:space-between;align-items:center;height:100%;padding:0 3rem;display:flex;position:relative}.desktop-menu{align-items:center;gap:3rem;display:flex}.desktop-menu a,.mobile-menu a{color:var(--text-color-2);padding:5px 0;font-size:.95rem;text-decoration:none;transition:color .3s;position:relative}.desktop-menu a:hover,.mobile-menu a:hover,.desktop-menu a.active-link,.mobile-menu a.active-link{color:#a85e1a}.abcd-logo{z-index:1001;cursor:pointer;width:6rem;transition:transform .3s;position:absolute;left:50%;transform:translate(-50%)translateY(-5%)}.abcd-logo:hover{transform:translate(-50%)translateY(-10%)scale(1.05)}.mobile-menu-btn{color:var(--text-color-2);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:none}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu-btn:active{transform:scale(.9)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}@media (max-width:1256px){.navbar{width:90vw;margin:4dvh 5vw}.desktop-menu{gap:1.5rem}.abcd-logo{width:5rem}}@media (max-width:768px){.mobile-menu-btn{display:block}.desktop-menu{display:none}.navbar{border-radius:30px}.navbar-container{padding:0 2rem}.abcd-logo{width:4rem;margin:0 auto;position:relative;left:0;transform:translateY(-5%)}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;opacity:0;pointer-events:none;background-color:#fffdf0f2;border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:75px;left:0;transform:translate(-20%)skew(2deg);box-shadow:0 20px 30px #00000026}.mobile-menu.active{opacity:1;pointer-events:auto;transform:translate(0)skew(0)}.mobile-menu a{padding:.5rem 2rem;font-size:1.1rem}}