*,*:after,*:before{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box}:root{--background-color: #050515;--text-color: #F5F5FA;--accent-color: #181836;--highlight-color: #8B5CF6;--interactive-color: #4a90e2;--star-color: #FFEAA7;--comet-trail-color: #00D2FF;--deep-purple: #3A0CA3;--sunset-orange: #FF7849;--font-size-000: clamp(.7813rem, .6419rem + .6968vw, 1.6rem);--font-size-100: clamp(.9375rem, .7566rem + .9043vw, 2rem);--font-size-200: clamp(1.125rem, .891rem + 1.1702vw, 2.5rem);--font-size-300: clamp(1.35rem, 1.0479rem + 1.5106vw, 3.125rem);--font-size-400: clamp(1.62rem, 1.2309rem + 1.9457vw, 3.9063rem);--font-size-500: clamp(1.944rem, 1.4438rem + 2.5011vw, 4.8828rem);--font-size-600: clamp(2.3328rem, 1.691rem + 3.2091vw, 6.1035rem);--font-size-700: clamp(2.7994rem, 1.4rem + 4.1107vw, 7.6294rem)}@font-face{font-family:MyFont;src:url(../fonts/Raleway-Regular.woff);font-weight:400;font-style:normal}html{font-family:MyFont}body{background-color:var(--background-color)}canvas{position:fixed;top:0;left:0;outline:none}.mainSection{display:none}a:hover{color:var(--text-color);transition:color .5s linear}.entry-header{color:var(--text-color);font-size:var(--font-size-700);text-transform:uppercase;letter-spacing:2px}.header{color:var(--star-color);font-size:var(--font-size-600);letter-spacing:2px;width:fit-content;padding-block-end:1rem}.subheader{color:var(--star-color);font-size:var(--font-size-400);letter-spacing:2px}.body{font-size:var(--font-size-100)!important;letter-spacing:2px}.caption{font-size:var(--font-size-000);letter-spacing:2px}.shadow{filter:drop-shadow(-8px 8px 20px var(--star-color))}.section{scroll-snap-align:center;display:flex;justify-content:center;flex-direction:column;height:100vb;position:relative;padding-inline:10%;flex-wrap:wrap}.section:first-child{align-items:center;text-align:center}.section p{color:#fff;max-width:50%}section:nth-child(odd){align-items:flex-end}section:nth-child(odd) p{text-align:end}.grid-container{display:grid;gap:2rem;width:40%;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));justify-items:center;padding-block-start:clamp(1rem,1dvb,2rem)}.icon{width:clamp(2.5rem,4vw,5rem);border-radius:20%}.progress-bar-container{position:absolute;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;background-color:#000}label{font-size:var(--font-size-100);color:var(--text-color);padding-block-end:1.5rem}.progress-bar{position:relative;width:30%;height:4%;border-radius:30px;background-color:#fff;box-shadow:3px 4px 5px 0 var(--text-color)}.progress-bar span{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--deep-purple);font-size:var(--font-size-000);text-align:center;border-radius:30px;background:linear-gradient(90deg,var(--highlight-color) 50%,var(--sunset-orange) 100%)}@media screen and (width < 600px){.section,.section:nth-child(odd){justify-content:center;align-items:center}:is(.section,.section:nth-child(odd)) p{text-align:center;font-size:2vmax}}