/* ANIMATIONS */ @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} @keyframes float-slow{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}} /* MOBILE MENU ICON */ .menu-mobile-btn{display:block;position:fixed;top:18px;right:20px;width:35px;height:28px;z-index:40;cursor:pointer;} .menu-mobile-btn span{display:block;height:4px;background:#fff;margin:6px 0;border-radius:3px;transition:0.3s;} /* MOBILE MENU SLIDE */ .mobile-panel{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(0,0,0,0.9);padding-top:100px;display:flex;flex-direction:column;gap:20px;transition:0.4s;z-index:30;text-align:center;} .mobile-panel a{color:#fff;font-size:20px;text-decoration:none;} .mobile-panel.active{right:0;} @media (min-width: 768px){body{overflow-x:visible;} .menu-mobile-btn{display:none;} .mobile-panel{display:none;} }