.single-project.svelte-2y6jdk.svelte-2y6jdk.svelte-2y6jdk{min-height:100vh;text-align:center;position:relative!important}.single-project.svelte-2y6jdk .grayscale.svelte-2y6jdk.svelte-2y6jdk{filter:grayscale(100%) opacity(.5)}.single-project.svelte-2y6jdk>div.svelte-2y6jdk.svelte-2y6jdk{z-index:2001!important;position:relative!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.single-project.svelte-2y6jdk>div.svelte-2y6jdk>.title.svelte-2y6jdk{padding:1vh;background-color:#fff;color:#000;margin-bottom:2vh;font-weight:bolder}.single-project.svelte-2y6jdk>div.svelte-2y6jdk>.body.svelte-2y6jdk{padding:1vh 15%;background-color:#000}.single-project.svelte-2y6jdk>div .body-tech.svelte-2y6jdk.svelte-2y6jdk{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;margin-bottom:5vh}.single-project.svelte-2y6jdk>div .body-tech.svelte-2y6jdk>.tech.svelte-2y6jdk{border:2px solid white;height:2vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1vh;background-color:#000}.single-project.svelte-2y6jdk>div .links.svelte-2y6jdk.svelte-2y6jdk{width:100%;display:flex;justify-content:space-evenly;align-items:center}.single-project.svelte-2y6jdk>div .links.svelte-2y6jdk>a.svelte-2y6jdk{width:25%;font-weight:700;padding:1vh;border:2px solid white;transition:.6s;margin-bottom:5vh;background-color:#000;color:#fff;text-decoration:none}.single-project.svelte-2y6jdk>div .links.svelte-2y6jdk>a.svelte-2y6jdk:hover{background-color:#fff;color:#000;box-shadow:0 0 20px 5px #fff}.single-project.svelte-2y6jdk>div.svelte-2y6jdk>hr.svelte-2y6jdk{width:50%;margin-bottom:5vh}.single-project.svelte-2y6jdk>.project-img.svelte-2y6jdk.svelte-2y6jdk{position:sticky!important;top:0;left:0;min-width:100%;min-height:100vh;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;z-index:1!important;transition:.9s ease-out}.single-project.svelte-2y6jdk .reveal-content.svelte-2y6jdk.svelte-2y6jdk{--reveal-delay:0ms;--reveal-duration:.55s;opacity:1;visibility:visible;transition:opacity var(--reveal-duration) ease-out var(--reveal-delay),visibility 0s linear 0s}.single-project.svelte-2y6jdk .reveal-body.svelte-2y6jdk.svelte-2y6jdk{--reveal-delay:.1s;--reveal-duration:.75s}.single-project.svelte-2y6jdk .reveal-divider.svelte-2y6jdk.svelte-2y6jdk{--reveal-delay:.18s;--reveal-duration:.65s}.single-project.svelte-2y6jdk .reveal-content.hidden.svelte-2y6jdk.svelte-2y6jdk{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}.bottom-pad.svelte-2y6jdk.svelte-2y6jdk.svelte-2y6jdk{min-height:100vh;min-width:100%;box-shadow:0 0 50px 50px #000;background-color:#000}.projects.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{width:82%;height:82%;border-radius:50%;border:2px solid grey;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(closest-side,white 79%,transparent 80% 100%),conic-gradient(white calc(var(--percent) * 1%),black 0)}.projects.svelte-6bqpsl .hidden.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{visibility:hidden}.projects.svelte-6bqpsl>.scroll-cont.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{-ms-overflow-style:none;scrollbar-width:none;position:relative;height:97%;width:97%;border-radius:50%;background-color:#000;overflow-y:scroll;border:1vh solid black;outline:2px solid grey}.projects.svelte-6bqpsl>.scroll-cont.svelte-6bqpsl>.bottom-curtain.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{position:sticky;bottom:0;left:0;background-color:#000;box-shadow:0 0 50px 50px #000;min-height:15vh;min-width:100%;z-index:3002}.projects.svelte-6bqpsl>.scroll-cont.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl::-webkit-scrollbar{display:none}.projects.svelte-6bqpsl .intro.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5vh;font-size:larger;font-weight:bolder;transition:.7s}.projects.svelte-6bqpsl .intro .svg-cont.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{border:1.5px solid white;border-radius:50%;width:3vh;height:3vh;display:flex;align-items:center;justify-content:center;animation:svelte-6bqpsl-pulse 1.5s infinite;color:#fff;background:black}.projects.svelte-6bqpsl .intro .svg-cont.svelte-6bqpsl>svg.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{filter:invert(100%)}.projects.svelte-6bqpsl .question.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{min-width:30vh;min-height:30vh;max-height:30vh;max-width:30vh;font-size:20vh;font-weight:bolder;border:5px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;justify-self:center;z-index:3000;position:relative!important;color:#fff;text-decoration:none;transition:background-color .6s,color .9s,box-shadow 1.3s;transition-timing-function:ease-out}.projects.svelte-6bqpsl .question.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl:hover{background-color:#fff;color:#000;box-shadow:0 0 25px 10px #fff}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{position:absolute;top:90vh;min-height:5vh;left:0;width:100%;display:flex;align-items:center;justify-content:space-evenly;z-index:4000}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl>div.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{width:50%;display:flex;align-items:center;justify-content:space-evenly}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl>div.svelte-6bqpsl>button.svelte-6bqpsl.svelte-6bqpsl{width:80%;display:flex;justify-content:center;appearance:none;border:0;padding:0;color:inherit;background:transparent}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl>div.svelte-6bqpsl>button.svelte-6bqpsl:hover>div.svelte-6bqpsl{background-color:#fff;box-shadow:0 0 10px 2px #fff}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl>div.svelte-6bqpsl>button.svelte-6bqpsl>div.svelte-6bqpsl{border:1.5px solid white;border-radius:50%;min-width:1vh;min-height:1vh;max-width:1vh;max-height:1vh;transition:.7s}.projects.svelte-6bqpsl .navigation.svelte-6bqpsl>div.svelte-6bqpsl>button.svelte-6bqpsl>div.svelte-6bqpsl:hover{background-color:#fff;box-shadow:0 0 10px 2px #fff}.projects.svelte-6bqpsl .navigation>div .navigation-active.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl.svelte-6bqpsl{background-color:#fff;box-shadow:0 0 10px 2px #fff}@keyframes svelte-6bqpsl-pulse{0%{opacity:1}86%{opacity:.6;box-shadow:0 0 10px 1px #fff}to{opacity:1}}