.hello[data-v-72951502]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:100%;height:100%;overflow:hidden}.hello .text[data-v-72951502]{height:50%;-webkit-animation:text-72951502 1s ease;animation:text-72951502 1s ease}.hello .text img[data-v-72951502]{height:100%;width:auto}.hello h2[data-v-72951502]{font-family:mading;font-size:60px;overflow:hidden;white-space:nowrap;z-index:10}.hello .click[data-v-72951502],.hello .text[data-v-72951502]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}.hello .click[data-v-72951502]{height:40%;-webkit-animation:click-72951502 1s ease-in;animation:click-72951502 1s ease-in}.hello .click img[data-v-72951502]{height:100%;width:auto}.hello .click .photo[data-v-72951502],.hello .text img[data-v-72951502]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%}.hello .click .finger[data-v-72951502]{width:45px;height:45px;-webkit-animation:finger-72951502 1s steps(1) 1s infinite;animation:finger-72951502 1s steps(1) 1s infinite;opacity:0}@-webkit-keyframes text-72951502{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes text-72951502{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes textH2An-72951502{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes textH2An-72951502{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes click-72951502{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes click-72951502{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes finger-72951502{75%{opacity:1}}@keyframes finger-72951502{75%{opacity:1}}@-webkit-keyframes music-72951502{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music-72951502{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:767px){.hello .text img[data-v-72951502]{height:100%;width:100%}.hello h2[data-v-72951502]{font-size:35px}}.past[data-v-33e64b8b]{overflow:hidden;width:100%;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-perspective:100px;perspective:100px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.past .circle[data-v-33e64b8b]{width:50%;position:absolute;opacity:0;-webkit-animation:circle-33e64b8b 5s linear forwards;animation:circle-33e64b8b 5s linear forwards;-webkit-animation-delay:calc(var(--i)*.5s);animation-delay:calc(var(--i)*.5s);z-index:10}.past .circle .photo[data-v-33e64b8b]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.past .circle:nth-child(odd) .photo[data-v-33e64b8b]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.past .circle .photo img[data-v-33e64b8b]{width:20%;height:auto;border:5px solid #fff;-webkit-box-shadow:3px 3px 3px #eee;box-shadow:3px 3px 3px #eee;border-radius:5px}.past .circle:nth-child(3) .photo img[data-v-33e64b8b],.past .circle:nth-child(6) .photo img[data-v-33e64b8b],.past .circle:nth-child(8) .photo img[data-v-33e64b8b]{border:0;-webkit-box-shadow:none;box-shadow:none}.past .clock[data-v-33e64b8b]{z-index:6;width:20%;-webkit-animation:clockRotate-33e64b8b 4s linear infinite;animation:clockRotate-33e64b8b 4s linear infinite}@-webkit-keyframes circle-33e64b8b{0%{opacity:0;-webkit-transform:translateZ(0) scale(.1);transform:translateZ(0) scale(.1)}to{opacity:1;-webkit-transform:translateZ(100px) scale(1);transform:translateZ(100px) scale(1)}}@keyframes circle-33e64b8b{0%{opacity:0;-webkit-transform:translateZ(0) scale(.1);transform:translateZ(0) scale(.1)}to{opacity:1;-webkit-transform:translateZ(100px) scale(1);transform:translateZ(100px) scale(1)}}@-webkit-keyframes clockRotate-33e64b8b{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes clockRotate-33e64b8b{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@media screen and (max-width:767px){.past .circle[data-v-33e64b8b]{width:85%}.past .clock[data-v-33e64b8b]{width:40%}}@media screen and (min-width:768px){.past .circle[data-v-33e64b8b]{width:80%}.past .clock[data-v-33e64b8b]{width:40%}}@media screen and (min-width:992px){.past .circle[data-v-33e64b8b]{width:50%}.past .clock[data-v-33e64b8b]{width:25%}}.message[data-v-65e18263]{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.message .title[data-v-65e18263],.message[data-v-65e18263]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.message .title[data-v-65e18263]{position:relative;padding:10px 0}.message .title img[data-v-65e18263]{width:80%;height:auto;opacity:0;-webkit-animation:show-65e18263 .8s ease-in forwards;animation:show-65e18263 .8s ease-in forwards}.message .title h2[data-v-65e18263]{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:mading;font-size:55px;color:#fff;text-align:center;text-shadow:3px 3px 3px #5635ff;opacity:0;-webkit-animation:showH2-65e18263 .8s ease-in forwards;animation:showH2-65e18263 .8s ease-in forwards}.message .collect[data-v-65e18263]{width:90%;margin-bottom:20px;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;opacity:0;-webkit-animation:translateY-65e18263 1s ease-in forwards;animation:translateY-65e18263 1s ease-in forwards}.collect .info .word h3[data-v-65e18263],.collect .info .word h4[data-v-65e18263],.collect .info .word p[data-v-65e18263],.collect .info .word[data-v-65e18263],.collect .info img[data-v-65e18263],.collect .info[data-v-65e18263]{page-break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;break-inside:avoid-column}.collect .info[data-v-65e18263]{background-color:#fff;border-radius:10px;margin:0 5px 10px;font-family:mading;overflow:hidden;position:relative}.collect .info img[data-v-65e18263]{position:absolute;bottom:10px;left:10px;width:20%;height:auto}.collect .info .word[data-v-65e18263]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}.collect .word p[data-v-65e18263]{word-wrap:break-word;border-bottom:2px dashed #150a29;font-size:20px}.collect .word h3[data-v-65e18263]{padding:10px 0;text-align:right;font-size:18px}.collect .word h4[data-v-65e18263]{font-family:hole;text-align:right;font-size:15px}@-webkit-keyframes show-65e18263{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes show-65e18263{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes showH2-65e18263{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes showH2-65e18263{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@-webkit-keyframes translateY-65e18263{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes translateY-65e18263{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:767px){.collect .word p[data-v-65e18263]{font-size:14px}.collect .word h3[data-v-65e18263]{font-size:12px}.collect .word h4[data-v-65e18263]{font-size:10px}.message .collect[data-v-65e18263]{-webkit-column-count:2;-moz-column-count:2;column-count:2}.collect .info img[data-v-65e18263]{width:25%}.message .title h2[data-v-65e18263]{font-size:25px}}.music{position:fixed;top:20px;right:20px;z-index:10}.music img{width:45px;height:45px;-webkit-animation:music 2s linear infinite;animation:music 2s linear infinite}.stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.start{-webkit-animation-play-state:running!important;animation-play-state:running!important}#app,.container{width:100%;height:100%}@-webkit-keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:767px){.music img{width:30px;height:30px}}@font-face{font-family:mading;src:url(../fonts/mading.632f0d68.ttf)}@font-face{font-family:hole;src:url(../fonts/Hole-Hearted.46d4875e.ttf)}*{margin:0;padding:0}body,html{width:100%;height:100%}body{background-color:#140728;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;color:#150a29}img{width:100%;height:100%}