body{margin:0}.landing{box-sizing:border-box;font-family:"Nunito" sans-serif;text-align:center;color:#0006;background-color:#fff;border:none;justify-content:center;width:100%;height:100svh;margin:auto;padding-block:5% 10%;display:flex}.landing .dialogue-path{color:#000;opacity:0;transition:opacity 1.5s}.landing .ready .dialogue-path{opacity:1}.landing svg{max-width:100%;max-height:100%}.landing path{fill:currentColor}.landing .ready #g6{color:#4f603a}.landing .hand-item{opacity:0;animation:appear 4s infinite ease var(--animation-delay,0s)}.landing .ready .hand-item{opacity:1;animation:none}@keyframes appear{0%{opacity:0}8%{opacity:1}20%{opacity:1}28%{opacity:0}to{opacity:0}}.landing .hand-item#g1{--index:1;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g2{--index:2;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g3{--index:3;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g4{--index:4;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g5{--index:5;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g6{--index:6;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g7{--index:7;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g8{--index:8;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g9{--index:9;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g10{--index:10;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g11{--index:11;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g12{--index:12;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g13{--index:13;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g14{--index:14;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g15{--index:15;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g16{--index:16;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g17{--index:17;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g18{--index:18;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g19{--index:19;--animation-delay:calc(4s / 20 * var(--index))}.landing .hand-item#g20{--index:20;--animation-delay:calc(4s / 20 * var(--index))}
