nav{background:#fff;border-radius:100px;max-width:1050px;width:100%;box-shadow:0 2px 10px #00000040;position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:5;transition:all .5s ease}nav .navContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:6px 6px 6px 12px}.navContainer .navLogo{display:flex}.navContainer .navLogo img{height:25px;align-self:center}.navMenu{display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:flex-start;position:relative}.navMenu .menuItem{color:#616161;text-align:center;font-family:General Sans,sans-serif;font-size:20px;font-weight:400;font-style:normal;line-height:normal;text-decoration:none;text-wrap:nowrap}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:12px;cursor:pointer;z-index:10}.hamburger span{display:block;height:3px;width:100%;background-color:#616161;border-radius:3px;transition:all .3s ease}.mobileButton{display:none}@media (max-width: 1024px){nav{max-width:800px}.navMenu{gap:24px}.navMenu .menuItem{font-size:16px}}@media (max-width: 769px){nav{width:100%;max-width:calc(100% - 24px);transition:border-radius .3s ease}nav .navContainer{padding:12px;position:relative}.navContainer .navLogo img{height:25px;align-self:center}.hamburger{display:flex}.navMenu{position:absolute;top:100%;right:0;width:100%;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;max-height:0;overflow:hidden;transition:max-height .3s ease .1s,padding .3s ease .1s;box-shadow:0 5px 10px #0000001a;z-index:6;gap:16px;border-radius:0 0 20px 20px}.navMenu.active{max-height:500px;padding:20px 0}.navMenu.active~nav,.navMenu.active+nav,.hamburger.active~nav,.navMenu.active+.navContainer,nav:has(.navMenu.active){border-radius:20px 20px 0 0;transition:border-radius .2s ease}.navMenu .menuItem{font-size:18px}nav .navContainer>a:last-child{display:none}.mobileButton{display:block}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:4}.overlay.active{display:block}.hamburger.active{height:20px}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){transform:translateY(-9px) rotate(-45deg)}}@media (max-width: 391px){nav{max-width:300px}}.navMenu .menuItem.active{color:#5150e3;position:relative;font-weight:600}.navMenu .menuItem.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#5150e3;border-radius:1px}.button{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;border-radius:99px;gap:8px;transition:transform .3s ease,box-shadow .3s ease}.button.blue{background-color:#5150e3}.button.yellow,.button.yellowAlt{background-color:#d9ff63}.button .label{font-family:General Sans,sans-serif;font-size:20px;font-weight:700;line-height:normal;text-decoration:underline;text-align:right}.button.blue .label{color:#fff}.button.yellow .label{color:#050530}.button.yellowAlt .label{color:#5150e3}.button .icon-container{display:flex;align-items:center;justify-content:center}.button.blue .icon-container svg{color:#fff}.button.yellow .icon-container svg{color:#050530}.button.yellowAlt .icon-container svg{color:#5150e3}@keyframes pulse{0%{box-shadow:0 0 #5150e366}70%{box-shadow:0 0 0 10px #5150e300}to{box-shadow:0 0 #5150e300}}.button.pulse,.button.blue.pulse{animation:pulse 2s infinite}.button.yellow.pulse,.button.yellowAlt.pulse{animation:yellowPulse 2s infinite}@keyframes yellowPulse{0%{box-shadow:0 0 #d9ff6366}70%{box-shadow:0 0 0 10px #d9ff6300}to{box-shadow:0 0 #d9ff6300}}.button.scale-on-hover:hover{transform:scale(1.05)}@keyframes shake{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-5px)}60%{transform:translate(5px)}70%{transform:translate(-5px)}80%{transform:translate(5px)}90%{transform:translate(-5px)}to{transform:translate(0)}}.button.shake,.button.shake-on-hover:hover{animation:shake .8s ease}@media (max-width: 769px){.button .label{font-size:16px}.button .icon-container svg{width:20px;height:20px}.button.pulse{animation:pulse 2s infinite}.button.scale-on-hover:hover{transform:scale(1.03)}.button.shake,.button.shake-on-hover:hover{animation:shake .8s ease}}