.menu-container{transition:all .3s ease-out;position:relative}.submenu{animation:.3s ease-out submenuFadeIn}@keyframes submenuFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.menu-item{all:unset;z-index:4;color:#fff;cursor:pointer;border-radius:43% 57% 30% 70%/52% 30% 70% 48%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;font-family:Arial;font-size:16px;transition:transform .3s,translate .3s ease-out;display:flex;position:absolute;transform:scale(0);box-shadow:inset 10px 10px 10px rgba(0,0,0,.047),15px 25px 10px rgba(0,0,0,.098),inset -10px -10px 15px rgba(255,255,255,.37),0 4px rgba(255,255,255,.098)}.menu-item svg{stroke:#666;filter:drop-shadow(4px 4px 10px #000);width:64px;height:64px;transition:transform .1s}.menu-item span{color:#555;margin-top:8px;font-size:14px;transition:transform .1s}.menu-item:hover,.menu-item:active{transition:transform .1s;transform:scale(.95)}.menu-item:active svg,.menu-item:active span{transform:scale(.95)}.submenu-back{background:rgba(100,100,100,.2);border:2px solid rgba(255,255,255,.3)}.submenu-back:hover{background:rgba(120,120,120,.3)}.menu-container:not(.submenu) .menu-item:first-child{translate:-160px -100px}.menu-container:not(.submenu) .menu-item:nth-child(2){translate:0 -160px}.menu-container:not(.submenu) .menu-item:nth-child(3){translate:160px -100px}.menu-container.submenu .submenu-back{translate:0 -60px}.menu-container.submenu .menu-item:nth-child(2){translate:-120px -140px}.menu-container.submenu .menu-item:nth-child(3){translate:0 -180px}.menu-container.submenu .menu-item:nth-child(4){translate:120px -140px}.menu-container.active .menu-item{transform:scale(1)}.menu-container.active .menu-item:first-child{transition-delay:0s}.menu-container.active .menu-item:nth-child(2){transition-delay:50ms}.menu-container.active .menu-item:nth-child(3){transition-delay:.1s}.menu-container.active .menu-item:nth-child(4){transition-delay:.15s}.menu-container.active .menu-item:nth-child(5){transition-delay:.2s}.menu-container.submenu .menu-item:first-child{transition-delay:0s}.menu-container.submenu .menu-item:nth-child(2){transition-delay:80ms}.menu-container.submenu .menu-item:nth-child(3){transition-delay:.16s}.menu-container.submenu .menu-item:nth-child(4){transition-delay:.24s}.menu-container:not(.active) .menu-item:first-child{transition-delay:.2s}.menu-container:not(.active) .menu-item:nth-child(2){transition-delay:.15s}.menu-container:not(.active) .menu-item:nth-child(3){transition-delay:.1s}.menu-container:not(.active) .menu-item:nth-child(4){transition-delay:50ms}.menu-container:not(.active) .menu-item:nth-child(5){transition-delay:0s}