main.svelte-1uha8ag{flex-direction:column;gap:0;display:flex}main.svelte-1uha8ag>div:where(.svelte-1uha8ag),#projects.svelte-1uha8ag{width:100%;height:100svh;padding:var(--marS);margin:0}#intro.svelte-1uha8ag{background:radial-gradient(circle at top, var(--prYellow) 0%, transparent 70%);gap:var(--marM);flex-direction:row;justify-content:center;align-items:center;display:inline-flex}#intro.svelte-1uha8ag>p:where(.svelte-1uha8ag){z-index:3;width:100%}#intro.svelte-1uha8ag .appear:where(.svelte-1uha8ag){animation:svelte-1uha8ag-appear calc(var(--quickTransition)) ease-out}#intro.svelte-1uha8ag #token:where(.svelte-1uha8ag){width:20rem}#intro.svelte-1uha8ag #introControls:where(.svelte-1uha8ag){z-index:1;width:100%;height:100svh;display:flex;position:absolute}#intro.svelte-1uha8ag #introControls:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){cursor:w-resize;width:100%;height:100%}#intro.svelte-1uha8ag #progressBarWrapper:where(.svelte-1uha8ag){bottom:var(--marS);justify-content:center;align-items:baseline;gap:.5rem;width:100%;display:flex;position:absolute}#intro.svelte-1uha8ag #rewatchIntro:where(.svelte-1uha8ag){bottom:var(--marS);transition:all var(--quickTransition) ease-in-out;justify-content:center;align-items:baseline;gap:.5rem;display:flex;position:absolute;transform:translate(-1rem)}#intro.svelte-1uha8ag #rewatchIntro:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){opacity:0;transition:all var(--quickTransition) ease-in-out;transform:rotate(30deg)}#intro.svelte-1uha8ag #rewatchIntro:where(.svelte-1uha8ag):hover{transform:translate(0)}#intro.svelte-1uha8ag #rewatchIntro:where(.svelte-1uha8ag):hover img:where(.svelte-1uha8ag){opacity:1;transform:rotate(0)}#phrase.svelte-1uha8ag{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}#phrase.svelte-1uha8ag p:where(.svelte-1uha8ag){max-width:58.43rem}#phrase.svelte-1uha8ag img:where(.svelte-1uha8ag){object-fit:cover;z-index:2;pointer-events:none;transform:translate(var(--tx), var(--ty)) rotate(var(--rot));width:var(--s);height:var(--s);object-fit:contain;animation:top var(--quickTransition) ease-in-out;position:absolute;top:50%;left:50%}#projectsWrapper.svelte-1uha8ag{height:300svh;padding:0;position:relative}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag){position:sticky;top:0}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) h1:where(.svelte-1uha8ag){margin-bottom:var(--marS)}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag){gap:var(--marS);flex-direction:row;display:flex}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag){width:var(--gridSize);flex-direction:column;display:flex}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag)>li:where(.svelte-1uha8ag){height:1.85rem}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag)>li:where(.svelte-1uha8ag)>a:where(.svelte-1uha8ag){width:fit-content;height:1.85rem;color:var(--prBlack2);transition:all var(--quickTransition) ease-in-out;flex-direction:row;align-items:center;gap:.5rem;padding:.25rem 0;display:flex;transform:translate(-2.65rem)}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag)>li:where(.svelte-1uha8ag)>a:where(.svelte-1uha8ag)>.progressBar:where(.svelte-1uha8ag){opacity:0;transition:opacity var(--vQuickTransition) ease-in-out}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag)>li.hovered:where(.svelte-1uha8ag)>a:where(.svelte-1uha8ag){color:var(--prBlack);transform:translate(0)}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectsList:where(.svelte-1uha8ag) ul:where(.svelte-1uha8ag)>li.hovered:where(.svelte-1uha8ag)>a:where(.svelte-1uha8ag)>.progressBar:where(.svelte-1uha8ag){opacity:1;transition:opacity var(--vQuickTransition) ease-in-out var(--vQuickTransition)}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectPhrase:where(.svelte-1uha8ag){width:calc(100% - (2 * var(--marM)));text-align:center;z-index:10;max-width:40rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectToken:where(.svelte-1uha8ag){object-fit:cover;z-index:9;pointer-events:none;transform:translate(var(--tx), var(--ty)) rotate(var(--rot));object-fit:contain;animation:.2s ease-out svelte-1uha8ag-slideIn;position:absolute;top:50%;left:50%}#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #progressBar:where(.svelte-1uha8ag){bottom:calc(0px + var(--marM));text-align:center;z-index:11;position:absolute;top:auto;left:50%;transform:translate(-50%)}@media (width>=55rem){@media (height<=42rem){#projectsWrapper.svelte-1uha8ag #projects:where(.svelte-1uha8ag) #projectPhrase:where(.svelte-1uha8ag){bottom:calc(0px + var(--marM));text-align:center;z-index:10;position:absolute;top:auto;left:50%;transform:translate(-50%)}}}@media (width<=62rem){#intro.svelte-1uha8ag{flex-direction:column}#intro.svelte-1uha8ag p:where(.svelte-1uha8ag){text-align:center;z-index:1000}#intro.svelte-1uha8ag #token:where(.svelte-1uha8ag){width:15rem}}@keyframes svelte-1uha8ag-slideIn{0%{transform:translate(calc(var(--tx) + 1%), calc(var(--ty) + 1%)) rotate(calc(var(--rot) + 1deg));opacity:.7}to{transform:translate(var(--tx), var(--ty)) rotate(var(--rot));opacity:1}}@keyframes svelte-1uha8ag-appear{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}