:root{--expandAnimationMs:1.2s}.bgCover{animation:coverDisappear 1.2s 6.2s forwards}.main-screen-content{animation:contentAppear 1.2s 6.2s forwards}@keyframes contentAppear{0%{transform:translateY(400px)}to{transform:translateY(0)}}@keyframes coverDisappear{0%{opacity:1}to{opacity:0}}.tapeLeft{transform:translateX(0) translateY(-91.05%);animation:leftTapeExpand var(--expandAnimationMs) ease-in-out forwards,leftSideSlideP1 .8s var(--expandAnimationMs) forwards,leftSideSlideP2 2.8s 2s ease-in-out forwards}.tapeLeft,.tapeRight{will-change:transform}.tapeRight{transform:translateX(0);animation:rightTapeExpand var(--expandAnimationMs) ease-in-out forwards,rightSideSlideP1 .8s var(--expandAnimationMs) forwards,rightSideSlideP2 2.8s 2s ease-in-out forwards}.tapeBlockNotFirst{animation:tapeBlockMarginExpand var(--expandAnimationMs) ease-in-out forwards}@keyframes tapeBlockMarginExpand{0%{margin-top:0}to{margin-top:15px}}@keyframes leftTapeExpand{0%{transform:translateX(0) translateY(-91.05%)}to{transform:translateX(-10px) translateY(-91.05%)}}@keyframes rightTapeExpand{0%{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes leftSideSlideP1{0%{transform:translateX(-10px) translateY(-91.05%)}to{transform:translateX(-10px) translateY(-90.7%)}}@keyframes rightSideSlideP1{0%{transform:translateX(10px) translateY(0)}to{transform:translateX(10px) translateY(-.3%)}}@keyframes leftSideSlideP2{0%{transform:translateX(-10px) translateY(-90.7%)}to{transform:translateX(-10px) translateY(-4.7%)}}@keyframes rightSideSlideP2{0%{transform:translateX(10px) translateY(-.3%)}to{transform:translateX(10px) translateY(-91.55%)}}.leftTopTapeBlock{animation:leftTopDisappear 1.2s ease-in-out 4.9s forwards}@keyframes leftTopDisappear{0%{opacity:1;transform:translateX(0) translateY(0)}to{opacity:0;transform:translateX(-100%) translateY(-100%)}}.leftBottomTapeBlock{margin-top:15px;animation:leftBottomDisappear 1.2s ease-in-out 4.9s forwards}@keyframes leftBottomDisappear{0%{margin-top:15px;opacity:1;transform:translateX(0) translateY(0)}to{margin-top:15px;opacity:0;transform:translateX(-100%) translateY(100%)}}.rightTopTapeBlock{position:relative;margin-top:15px;opacity:1;animation:rightTopDisappear 1.2s ease-in-out 4.9s forwards}@keyframes rightTopDisappear{0%{opacity:1;transform:translateX(0) translateY(0)}to{opacity:0;transform:translateX(100%) translateY(-100%)}}.rightBottomTapeBlock{margin-top:15px;animation:rightBottomDisappear 1.2s ease-in-out 4.9s forwards}@keyframes rightBottomDisappear{0%{opacity:1;transform:translateX(0) translateY(0)}to{opacity:0;transform:translateX(100%) translateY(100%)}}.cover-logo{animation:coverLogoAppear 2s ease-in-out 1.8s forwards,coverLogoDisappear 1s ease-in-out 6.2s forwards}@keyframes coverLogoAppear{0%{opacity:0}to{opacity:1}}@keyframes coverLogoDisappear{0%{left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}to{left:50%;top:-50%;transform:translate(-50%,-100%) scale(.2)}}.animationDis{animation:finishAnimation 7.6s forwards}@keyframes finishAnimation{0%{display:block}99%{display:block}to{display:none}}@media(max-width:375px){.menuList{margin-top:8vh}}@media(min-width:376px)and (max-width:767px){.menuList{margin-top:14vh}}@media(min-width:768px)and (max-width:1023px){.menuList{margin-top:22vh}}@media(min-width:1024px)and (max-width:1280px){.menuList{margin-top:24vh}}