:root{--blue:#d2e6ff;--indigo:#32327d;--lime:#becd32;--orange:#e6641e;--purple:#821e7d;--yellow:#ffe10a;--gray-light:#fafafa;--black:#212121;--accent:var(--orange);--heading:var(--indigo);--text:var(--indigo);--box-background:var(--indigo);--box-hover:#56578c;--box-foreground:white;--background:white;--foreground:var(--text);--border:#eee;--transition:.3s ease-out;--phase:var(--indigo);--phase-foreground:white}:root [data-phase="1"],:root [data-phase="2"],:root [data-phase="3"]{--phase:var(--purple);--phase-foreground:white}:root [data-phase="4"],:root [data-phase="5"]{--phase:var(--indigo);--phase-foreground:white}:root [data-phase="6"]{--phase:var(--orange);--phase-foreground:white}:root [data-phase="7"]{--phase:var(--yellow);--phase-foreground:var(--text)}:root [data-phase="8"]{--phase:var(--lime);--phase-foreground:var(--text)}html,body{max-width:100vw}html{scroll-behavior:smooth;scroll-padding-top:56px}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sofia-pro,Arial,Helvetica,sans-serif;font-size:16px;font-weight:300;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}img,picture,video,canvas,svg{max-width:100%;display:block}