*{margin:0;padding:0}:root{--primary-color: #E6658B}@font-face{font-family:Joan;src:url(/assets/Joan-Regular-Coy4Xar7.ttf)}html{font-size:10px;font-family:Joan}body{height:100vh;overflow:hidden}main{height:100vh;position:relative}@keyframes buttonGrowing{0%{transform:scale(1)}to{transform:scale(1.2)}}.loader{position:fixed;width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.8rem;top:0;left:0;z-index:1000;will-change:transform;opacity:0}.loader .suptitle{font-style:italic;font-size:1.6rem}.loader .title{color:var(--primary-color);font-size:3.2rem;font-weight:400}.start,.credits,.instagram{border-radius:100%;background-color:var(--primary-color);border:none;position:absolute;cursor:pointer;animation-iteration-count:infinite;animation:buttonGrowing 2s ease-in-out 0s infinite alternate-reverse;color:#fff;text-transform:uppercase;z-index:1;display:flex;justify-content:center;align-items:center}.start{width:8rem;height:8rem;top:5.6rem;left:5.6rem}.start img{max-width:2.5rem;max-height:2.5rem;margin-left:.3rem}.instagram{bottom:5.6rem;right:5.6rem}.instagram a{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center}.instagram a img{max-width:2.5rem;max-height:2.5rem}.credits{width:4rem;height:4rem;bottom:5.6rem;left:5.6rem}.credits img{max-width:2.5rem;max-height:2.5rem}.creditsContent{width:50rem;height:50rem;border-radius:100%;background-color:var(--primary-color);position:absolute;bottom:5.6rem;left:5.6rem;opacity:0}.creditsContent .content{width:100%;height:100%;font-size:2rem;display:flex;flex-direction:column;gap:2.5rem;text-align:center;justify-content:center}.creditsContent h3,.creditsContent .role{text-decoration:underline}.creditsContent .group{display:flex;flex-direction:column;gap:.25rem}.introduction{height:100%;display:flex;align-items:center;flex-direction:column;font-size:2.4rem;line-height:4.2rem;justify-content:end;gap:3.2rem;opacity:0;position:relative;width:100%}.introduction .language-switcher{position:absolute;top:5.6rem;right:5.6rem;display:flex;gap:.8rem}.introduction .language-switcher__btn{border:1px solid var(--primary-color);background:#fff;color:var(--primary-color);font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem .8rem;border-radius:999px;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.introduction .language-switcher__btn[aria-pressed=true]{background:var(--primary-color);color:#fff}.introduction .language-switcher__btn:hover{transform:translateY(-1px)}.introduction .content{text-align:justify;width:75%}.introduction .main{color:var(--primary-color);font-size:4rem;margin-right:2.6rem}.introduction .comment{margin-bottom:6.4rem;text-align:center}#canvas{width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0}.subtitles{position:absolute;left:50%;bottom:3.2rem;transform:translate(-50%);width:min(90%,120rem);display:flex;flex-direction:column;gap:.8rem;z-index:2;pointer-events:none;opacity:0}.subtitle{background:#0006;color:#fff;padding:.8rem 1.2rem;border-radius:.8rem;font-size:1.6rem;line-height:2.4rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.subtitle--translation{opacity:.75;font-style:italic}.outro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:10}.outro__content{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.outro__link{font-size:2.4rem;color:var(--primary-color);text-decoration:none;padding:1.2rem 2.4rem;border:2px solid var(--primary-color);border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.outro__link:hover{transform:translateY(-4px)}.outro__restart{position:absolute;top:5.6rem;left:5.6rem;font-size:2rem;background:none;color:var(--primary-color);cursor:pointer;border:none;font-family:inherit;transition:transform .2s ease}.outro__restart:after{content:"";background-color:var(--primary-color);display:block;height:1.5px;width:0;text-align:center;margin-top:.4rem;transition:width .3s ease}.outro__restart:hover:after{width:100%}