@import"https://fonts.googleapis.com/css2?family=Croissant+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Sriracha&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}:root{overflow-x:hidden;font-family:system-ui;font-weight:400;font-synthesis:style;text-rendering:optimizeLegibility;text-align:center;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%;z-index:1}.background{position:fixed;background:linear-gradient(0deg,#fed1c562 1%,#d0b0b660 5%,#9999b562 10%,#7b89db50 25%,#d8ecf80f,#98c0ef0f 75%);width:100vw;height:100vh;z-index:-1}#particleCanvas{position:fixed;animation:load .4s ease-in-out forwards;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}@keyframes pulse{0%{--p: 0%}50%{--p: 300%}to{--p: 300%}}.hero{width:100vw;height:min-content}.title{position:flex;left:0;right:0;width:100vw;height:min-content;min-height:15vh;translate:0 -1.6em;opacity:0;animation:load 2s ease-in-out .6s forwards}.title>h1{position:flex;font-size:clamp(40px,calc(40px + (70 - 40) * ((100vw - 700px) / (1920 - 700))),70px);font-weight:600;font-family:Croissant One,serif;color:#9dc3f7;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(174,207,242,.24);animation:pulse 10s linear 1.2s infinite}.title h1:nth-child(1){position:fixed;left:0;right:0;top:1rem;-webkit-user-select:none;user-select:none}.title h1:nth-child(2){position:fixed;left:0;right:0;top:1rem;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.4)}.subtitle{position:flex;left:0;right:0;width:100vw;height:min-content;min-height:15vh;translate:0 -1.6em;opacity:0;animation:load 2s ease-in-out .6s forwards}.subtitle>h2{position:flex;font-size:clamp(20px,calc(20px + (35 - 20) * ((100vw - 700px) / (1920 - 700))),35px);font-weight:600;font-family:Croissant One,serif;color:#9dc3f7;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(174,207,242,.24);animation:pulse 10s linear 1.2s infinite}.subtitle h2:nth-child(1){position:fixed;left:0;right:0;top:1rem;-webkit-user-select:none;user-select:none}.subtitle h2:nth-child(2){position:fixed;left:0;right:0;top:1rem;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.4)}.subtitle>h3{position:flex;font-size:clamp(10px,calc(10px + (20 - 10) * ((100vw - 700px) / (1920 - 700))),20px);font-weight:600;font-family:Croissant One,serif;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(174,207,242,.24);animation:pulse 10s linear 1.2s infinite}.subtitle h3:nth-child(1){position:fixed;left:0;right:0;top:1rem;-webkit-user-select:none;user-select:none}.subtitle h3:nth-child(2){position:fixed;left:0;right:0;top:1rem;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),transparent calc(var(--p) - 1em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent calc(var(--p) - .4em),transparent var(--p));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:blur(16px) opacity(.4)}.planet{content:"";opacity:5%;display:block;position:fixed;width:1500px;aspect-ratio:1;left:100%;top:50%;z-index:-1;transform:translate(-50%) translateY(-50%);background-image:radial-gradient(at 50% 50% in oklch,color-mix(in oklch,#A167A5,#58A4B0 80%),color-mix(in oklch,#A167A5,blue 10%) 19%,color-mix(in oklch,#A167A5,blue 20%) 20%,color-mix(in oklch,#A167A5,blue 80%),color-mix(in oklch,blue,black 50%) 55%,transparent 70%)}.page{display:flex;flex-direction:column;width:100vw;height:100vh}.content{top:15vw;display:flex;flex-direction:row;width:100vw;justify-content:center;align-items:center;padding-left:25%;padding-right:25%}.column{padding:0%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;width:100%}.row{padding:0%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center}@media (min-width: 601px){.row{flex-direction:row}.column{width:30%}}p{font-size:clamp(20px,calc(30px + (40 - 30) * ((100vw - 700px) / (1920 - 700))),40px);font-family:Alegreya;font-weight:400;font-style:normal;-webkit-user-select:none;user-select:none}svg{font-size:clamp(20px,calc(20px + (40 - 20) * ((100vw - 700px) / (1920 - 700))),40px);width:1.25em;height:1.25em;margin:2%;align-self:center}.pagedoll{font-size:clamp(20px,calc(20px + (40 - 20) * ((100vw - 700px) / (1920 - 700))),40px);height:6em;width:5.5em;position:fixed;bottom:0}:root{--glow-hue: 222deg;--shadow-hue: 180deg;--spring-easing: linear( 0, .002, .01 .9%, .038 1.8%, .156, .312 5.8%, .789 11.1%, 1.015 14.2%, 1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%, 1.176 26.9%, 1.057 32.6%, 1.007 35.5%, .984, .968, .956, .949 42%, .946 44.1%, .95 46.5%, .998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%, .998 84%, 1 );--spring-duration: 1.33s}@property --shimmer{syntax: "<angle>"; inherits: false; initial-value: 33deg;}@keyframes shimmer{0%{--shimmer: 0deg}to{--shimmer: 360deg}}@keyframes shine{0%{opacity:0}15%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes text{0%{background-position:100% center}to{background-position:-100% center}}@keyframes pulse{0%{--p:0%}50%{--p:300%}to{--p:300%}}@keyframes load{0%{opacity:0}to{opacity:1}}a{font-size:clamp(20px,calc(20px + (40 - 20) * ((100vw - 700px) / (1920 - 700))),40px);-webkit-user-select:none;user-select:none;width:150%;color:var(--bg);background-image:linear-gradient(315deg,#98c0ef0f -10%,#98c0ef0f,#98c0ef0f 110%);border-radius:.66em;scale:.5;transition:all var(--spring-duration) var(--spring-easing)}a:hover:not(:active),a.active{transition-duration:calc(var(--spring-duration)*.5);scale:.6;box-shadow:0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%),inset 0 0 0 transparent}#firstButton{display:flex;flex-direction:row;align-items:center;padding-left:9.5%;padding-right:9.5%;justify-content:center;width:100vw,}.shimmer{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:inherit;-webkit-mask-image:conic-gradient(from var(--shimmer, 0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);mask-image:conic-gradient(from var(--shimmer, 0deg),transparent 0%,transparent 10%,black 36%,black 45%,transparent 50%,transparent 60%,black 85%,black 95%,transparent 100%);-webkit-mask-size:cover;mask-size:cover;mix-blend-mode:plus-lighter;animation:shimmer 1s linear infinite both}a:hover .shimmer:before,a:hover .shimmer:after,a.active .shimmer:before,a.active .shimmer:after{opacity:1;animation:shine 1.2s ease-in 1 forwards}.shimmer:before,.shimmer:after{transition:all .5s ease;opacity:0;content:"";border-radius:inherit;position:absolute;mix-blend-mode:color;top:40px;right:40px;bottom:40px;left:40px;pointer-events:none}.shimmer:before{box-shadow:0 0 3px 2px hsl(var(--glow-hue) 20% 95%),0 0 7px 4px hsl(var(--glow-hue) 20% 80%),0 0 13px 4px hsl(var(--glow-hue) 50% 70%),0 0 25px 5px hsl(var(--glow-hue) 100% 70%);z-index:-1}.shimmer:after{box-shadow:inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);z-index:2}.link{display:flex;flex-direction:row;justify-content:center;text-decoration:none;margin:1% 0%}.websiteName>p{color:#9dc3f7;font-family:Sriracha,cursive;background:radial-gradient(2em 2em at 50% 50%,transparent calc(var(--p) - 2em),#fff calc(var(--p) - 1em),#fff calc(var(--p) - .4em),transparent var(--p)),linear-gradient(0deg,#bad1f1 30%,#9dc3f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px rgba(174,207,242,.24);--p:0%;transition:--p 3s linear;animation:pulse 10s linear 1.2s infinite}button:hover .websiteName,button.active .websiteName{animation:text .66s ease-in 1 both}