#Master_2 {
  transform: translateX(100%);
  -webkit-animation: moveMenu 2000ms ease-out both;
          animation: moveMenu 2000ms ease-out both;
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}

.firstGraph *,
.secGraph *,
.thirdGraph * {
  transform-box: fill-box;
  transform-origin: center bottom;
  -webkit-animation: growAnim 300ms ease-out both;
          animation: growAnim 300ms ease-out both;
}

.firstGraph .sec {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.firstGraph .third {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.secGraph .first {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

.secGraph .sec {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.secGraph .third {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.thirdGraph .first {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

.thirdGraph .sec {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

.thirdGraph .third {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

#text_7,
#text_8,
#text_9 {
  -webkit-animation: textFade 300ms ease-out both;
          animation: textFade 300ms ease-out both;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

#text_8 {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

#text_9 {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

#cursor {
  transform-box: fill-box;
  transform-origin: center;
  -webkit-animation: cursorAnim 2000ms linear both;
          animation: cursorAnim 2000ms linear both;
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

#Main_2 {
  transform-box: fill-box;
  transform-origin: center;
  -webkit-clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%);
          clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%);
  -webkit-animation: showUp 300ms linear both;
          animation: showUp 300ms linear both;
  -webkit-animation-delay: 3200ms;
          animation-delay: 3200ms;
}

.newFirst,
.newSec,
.newThird {
  transform-box: fill-box;
  transform-origin: center bottom;
  -webkit-animation: growAnim 300ms ease-out both;
          animation: growAnim 300ms ease-out both;
  -webkit-animation-delay: 3500ms;
          animation-delay: 3500ms;
}

.textFirst,
.textSec,
.textThird {
  -webkit-animation: textFade 300ms ease-out both;
          animation: textFade 300ms ease-out both;
  -webkit-animation-delay: 3800ms;
          animation-delay: 3800ms;
}

.newSec {
  -webkit-animation-delay: 3700ms;
          animation-delay: 3700ms;
}

.newThird {
  -webkit-animation-delay: 3900ms;
          animation-delay: 3900ms;
}

.textSec {
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}

.textThird {
  -webkit-animation-delay: 4200ms;
          animation-delay: 4200ms;
}

@-webkit-keyframes moveMenu {
  0% {
    transform: translateX(100%);
  }

  30% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(0);
  }

  80% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes moveMenu {
  0% {
    transform: translateX(100%);
  }

  30% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(0);
  }

  80% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes growAnim {
  0% {
    transform: scale(1, 0);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes growAnim {
  0% {
    transform: scale(1, 0);
  }

  100% {
    transform: scale(1, 1);
  }
}

@-webkit-keyframes textFade {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes textFade {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes cursorAnim {
  0% {
    transform: translate(-500%, 0) scale(1);
    opacity: 0;
  }

  15% {
    transform: translate(-250%, 0) scale(1);
    opacity: 1;
  }

  30% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  40% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  45% {
    transform: translate(0, 0) scale(0.8);
    opacity: 1;
  }

  50% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  60% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  80% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 1;
  }

  90% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 1;
  }

  95% {
    transform: translate(-600%, 200%) scale(0.8);
    opacity: 1;
  }

  100% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 0;
  }
}

@keyframes cursorAnim {
  0% {
    transform: translate(-500%, 0) scale(1);
    opacity: 0;
  }

  15% {
    transform: translate(-250%, 0) scale(1);
    opacity: 1;
  }

  30% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  40% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  45% {
    transform: translate(0, 0) scale(0.8);
    opacity: 1;
  }

  50% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  60% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }

  80% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 1;
  }

  90% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 1;
  }

  95% {
    transform: translate(-600%, 200%) scale(0.8);
    opacity: 1;
  }

  100% {
    transform: translate(-600%, 200%) scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes showUp {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes showUp {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

body {
  overflow: hidden;
}
svg {
  position: absolute;
  inset: 0;
}
#playCheck {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#playCheck:checked ~ svg * {
  -webkit-animation-name: none !important;
          animation-name: none !important;
  display: none;
}
.clickText {
  position: absolute;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  font-family: sans-serif;
  font-size: 1.2em;
  color: gray;
  transition: opacity 300ms linear 0ms;
}
#playCheck:checked ~ .clickText {
  opacity: 1;
}