@font-face{font-family:'Noto Sans CJK JP';src:url(fonts/NotoSansCJKjp-Regular.woff2) format('woff2'),url(fonts/NotoSansCJKjp-Regular.woff) format('woff'),url(fonts/NotoSansCJKjp-Regular.ttf)}#bg-container{width:100%;height:100%;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:-1;background-image:url(img/background.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat}#particles-js{width:100%;height:75%}#reflect-canvas{width:100%;height:20%;-moz-transform:scale(1,-1);-webkit-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}#reflect-canvas canvas{width:100%;height:100%}#background-fill{width:100%;height:5%}.section-title{color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:center;height:20vh;margin-top:20vh;text-shadow:0 0 5px #000;text-align:center}.full-screen-page{width:100%;height:100vh}.half-screen-page{width:100%;height:50vh}.navbar-icon{display:inline-block;font-size:xx-large;color:#fff;padding:5px;position:fixed;cursor:pointer;margin-left:10px;margin-top:10px;z-index:999}.navbar{height:100%;width:300px;position:fixed;z-index:999;top:0;left:0;background-color:#111;overflow-x:hidden;padding-top:20px;display:none}.navbar.active{display:block}.navbar a{padding:6px 8px 6px 16px;text-decoration:none;font-size:25px;color:#818181;display:block}.navbar a:hover{color:#f1f1f1}#start-page{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-family:'Patrick Hand',cursive}#start-page-bg{content:" ";background-position:top;background-size:cover;position:absolute;width:100%;height:100%}.title-header-text{max-width:100vw}#start-msg-en{opacity:0;transform:translate3d(0,100px,0);transition-property:opacity,transform;transition-duration:1s;transition-timing-function:ease;margin-top:5px;text-align:center}h1{text-align:center;font-family:'Patrick Hand',cursive}h3:lang(ja){font-family:'Noto Sans CJK JP',sans-serif}h4{font-family:'Patrick Hand',cursive}#start-page-svg svg{width:100%;max-width:100vw;overflow:hidden}#scroll-arrow-hint{position:absolute;bottom:25vh;opacity:0;animation:.1s linear 7s forwards arrow-hint}#scroll-arrow-hint span{display:block;width:24px;height:24px;border-bottom:5px solid #06a8ff;border-right:5px solid #06a8ff;transform:rotate(45deg);margin:-10px;animation:2s 7s infinite forwards animate}#scroll-arrow-hint span:nth-child(2){animation-delay:6.8s}#scroll-arrow-hint span:nth-child(3){animation-delay:6.6s}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}}@keyframes arrow-hint{0%{opacity:0}100%{opacity:1}}@keyframes pathAnimation{to{stroke-dashoffset:0}}#cover-mix-player-container{display:flex;justify-content:center}.video-container{overflow:hidden;position:relative;width:100%;max-width:1440px}.video-container .youtube-player{width:100%;max-width:1440px;height:810px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}#fan-msgs{margin:20px}.fan-msg-card-container{margin-bottom:10px}.fan-msg-card{padding:10px;box-shadow:5px 0 20px -5px rgba(0,0,0,.75);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:no-repeat rgba(255,255,255,.1);color:#ccc}.fan-msg p{white-space:pre-wrap}#final-msg :lang(ja),blockquote:lang(ja)>p{font-family:'Noto Sans CJK JP',sans-serif}blockquote>p{font-family:'Architects Daughter',cursive}#end-page-filler{height:15vh}#final-msg-container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;width:100%}#final-msg{color:#fff;text-align:center;font-family:'Patrick Hand',cursive;text-shadow:0 0 5px #000}.sender-details{display:flex;justify-content:space-between;align-items:center}.sender-name-container{flex:1;min-width:10%;display:flex;flex-wrap:wrap;align-items:baseline}.sender-name{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twitter-name{font-size:1rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flag-icon{font-size:1.75rem;box-shadow:0 0 5px #000}img.snek-icon{width:39px}#artbook-gallery{display:flex;justify-content:center;flex-wrap:wrap}.art-caption{white-space:pre-lines;display:flex;justify-content:space-between}#credits{background-color:#000;color:#fff;font-family:'Patrick Hand',cursive;padding:15px}#credits .credits-section{padding:5px}.credits-section{width:calc(20% - 20px)}#credits p{margin-bottom:0}#start-page-svg{visibility:hidden;max-width:620px;width:75vh}#photobomb{display:block;width:65vw;height:auto;margin:20px auto 0}#header-text{max-width:1440px}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}#chibiriri{margin-top:60px;opacity:0;animation:1s ease-out 5.4s forwards fadeInUp}@media(max-width:1440px){#header-text{max-width:80%}}@media (max-width:700px){#start-page{padding-top:100px}.video-container .youtube-player{height:300px}.credits-section{width:calc(50% - 20px)}#fan-msgs .card-columns{column-count:1}#start-page-svg{max-width:100%}.navbar{width:200px}#scroll-arrow-hint{top:40vh}.sender-name{font-size:1rem}#header-text{max-width:100%}#chibiriri{max-width:80%}.section-title{margin-top:50px}.full-screen-page{max-height:400px}.thumbnail-caption-container{display:none}}@media (min-width:700px){#fan-msgs .card-columns{column-count:2}#start-page-svg{max-width:620px}}@media (min-width:1000px){#start-page-svg{max-width:75vh}}@media (min-width:1400px){#fan-msgs .card-columns{column-count:3}}.thumbnail-caption-container{position:absolute;bottom:0;width:100%;padding:5px;background:no-repeat rgba(0,0,0,.6);color:#fff;height:20%}.sl-overlay{background:rgba(0,0,0,.9)!important}