.navbar{justify-content:space-between;align-items:center;padding:10px 3vw;display:flex;position:relative}.logo{z-index:1001;justify-content:center;align-items:center;gap:7px;display:flex}.logo p{color:var(--theme);font-size:18px;font-weight:500}.links{gap:50px;display:flex}.links a{color:#000;border-radius:5px;font-size:17px;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.links a:after{content:"";background:linear-gradient(90deg,#f59e0b,var(--theme));border-radius:10px;width:100%;height:3px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:-5px;left:50%;transform:translate(-50%)scaleX(0)}.links a:hover:after{transform:translate(-50%)scaleX(1)}.links a:hover{color:var(--theme);animation:.6s linkBounce}.links a.active{color:var(--theme)}@keyframes linkBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}.desktopButton{display:block}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;display:none}.hamburger span{background-color:var(--theme);border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg)translate(4.5px,4px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.mobileMenu{display:none}@media (max-width:900px){.links,.desktopButton{display:none}.hamburger{display:flex}.mobileMenu{z-index:1000;background-color:#fff;flex-direction:column;gap:30px;width:70%;max-width:300px;height:100vh;padding:80px 30px 30px;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 10px #0000001a}.mobileMenu.open{right:0}.mobileLinks{flex-direction:column;gap:25px;display:flex}.mobileLinks a{color:#000;border-radius:5px;padding:10px 15px;font-size:18px;font-weight:400;text-decoration:none;transition:background-color .3s,color .3s,transform .2s;position:relative}.mobileLinks a:hover{color:var(--theme);background-color:#e967370d;transform:translate(5px)}.mobileLinks a.active{color:var(--theme);background-color:#e967371a}.mobileButton{margin-top:10px}}@media (max-width:1024px) and (min-width:901px){.links{gap:30px}.links a{font-size:16px}}