:root{--alice-blue: #ebf7ff;--pale-purple: #f2dbff;--royal-blue: #2961ed;--hot-magenta: #f832d4;--jet: #333;--jet-darker: #2b2b2b;--anti-flash-white: #f0f0f0;--onyx: #454545;--azure: #ebfdff;--baby-powder: #f7fcfb;--lavender: #d3e1ff;--raspberry: #d90858;--razzmatazz: #f61067;--color-background: var(--alice-blue);--color-selection: var(--pale-purple);--color-brand-primary: var(--royal-blue);--color-brand-secondary: var(--hot-magenta);--color-ink-primary: var(--jet);--color-ink-secondary: var(--anti-flash-white);--color-ink-subtle: var(--onyx);--color-ink-accent: var(--jet-darker);--color-border: var(--azure);--color-container: var(--baby-powder);--color-shadow: var(--lavender);--color-link: var(--raspberry);--color-button: var(--razzmatazz);--color-button-border: var(--raspberry);--ms-madi: Ms Madi, sans-serif;--lexend: Lexend, sans-serif;--poppins: Poppins, sans-serif;--play: Play, sans-serif;--font-logo: var(--ms-madi);--font-copy: var(--lexend);--font-head: var(--poppins);--font-code: var(--play);--text-xs: 16px;--text-sm: 18px;--text-md: 20px;--text-lg: 36px;--text-xl: 72px;--text-base: var(--text-sm);--text-inner: var(--text-xs);--text-head: var(--text-lg);--text-subhead: var(--text-md);--text-bullet: var(--text-md);--text-logo: var(--text-xl);--text-semibold: 600;--text-bold: 700;--text-extrabold: 800;--space-xs: .25em;--space-sm: .75em;--space-md: 1em;--space-lg: 1.25em;--space-xl: 1.5em;--space-2xl: 2.5em;--space-3xl: 2.75em;--space-4xl: 3.5em;--space-5xl: 3.75em;--space-6xl: 4.5em;--space-7xl: 10em;--space-8xl: 13.25em;--space-gutter: var(--space-sm);--border-corners: 6px;--border-size-base: 4px;--border-size-sm: .8px;--shadow-base: var(--color-shadow) 3px 3px 8px;--shadow-sm: var(--color-shadow) 1px 1px 6px}*,*:before,*:after{box-sizing:border-box}*::selection{background-color:var(--color-selection)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.material-symbols-outlined--bold{font-variation-settings:"wght" var(--text-bold)}.page{background-color:var(--color-background);margin:auto;padding:var(--space-5xl) var(--space-xl) var(--space-2xl);width:80%}.header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-6xl);width:100%}.header__top{display:flex;flex-direction:row}.logo{cursor:pointer;font-family:var(--font-logo);font-size:var(--text-logo);font-weight:var(--text-extrabold);margin:auto auto auto 0;text-decoration:none;transition:transform .25s ease-out;-webkit-user-select:none;user-select:none}.logo:hover{transform:scale(1.1);transition:transform .15s ease-out}.logo__left{color:var(--color-brand-primary)}.logo__right{color:var(--color-brand-secondary)}.navbar{width:30%}.navbar__list{display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;margin:auto;padding:0}.navbar__link{color:var(--color-brand-primary);display:block;font-family:var(--font-copy);font-weight:var(--text-semibold);padding:var(--space-sm);padding-left:0;text-decoration:none;transition:color .15s ease-out}.navbar__link:hover{color:var(--color-brand-secondary)}.text{color:var(--color-ink-primary);font-family:var(--font-copy);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-lg);overflow-wrap:break-word}.text--center{inline-size:auto;text-align:center}.text--bold{font-weight:var(--text-bold)}.text-wall{inline-size:75ch}.separator{display:flex;flex-direction:column;row-gap:var(--space-lg)}.separator-line{background-color:var(--color-shadow);border:none;border-color:var(--color-shadow);color:var(--color-shadow);height:1.6px;margin:var(--space-md) 0;width:60%}.link{align-items:center;color:var(--color-link);column-gap:var(--space-sm);font-family:var(--font-copy);font-size:var(--text-base);padding:var(--space-xs) 0;text-decoration:none}.link__text{position:relative}.link__text:before{background-color:var(--color-link);content:"";display:block;height:1.6px;left:0;position:absolute;top:24px;transform:scaleX(0);transform-origin:left;transition:all .25s ease-out;width:100%}.link:hover .link__text:before{transform:scaleX(1);transition:all .15s ease-out}.section+.section{margin-top:var(--space-7xl)}.section__head{color:var(--color-ink-accent);column-gap:var(--space-sm);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-head);font-size:var(--text-head);margin-bottom:var(--space-lg);transition:color .15s ease-out;width:25%}.section__head:hover{color:var(--color-brand-primary)}.url-fragment{display:inline-block}.url-fragment__inner{cursor:pointer;display:inline-block;opacity:0%;transform:rotate(-45deg);transition:opacity .2s ease-out;transition-delay:.1s;-webkit-user-select:none;user-select:none}.section__head:hover .url-fragment{animation:bounce-out .5s;animation-delay:.2s}.section__head:hover .url-fragment__inner{opacity:100%}.greeting-anim__behind{display:inline-block;position:absolute;transition:transform .25s ease-out;-webkit-user-select:none;user-select:none}.greeting-anim__front{position:absolute;transition:transform .15s ease-in-out;-webkit-user-select:none;user-select:none}.greeting-anim:hover .greeting-anim__behind{transform:translateY(-35%) rotate(-30deg)}.greeting-anim:hover .greeting-anim__front{transform:translate(60%) rotate(15deg)}.footer{display:flex;flex-direction:column;margin:auto;margin-top:var(--space-7xl);text-align:center}.power-anim{display:inline-block;position:absolute;transition:transform .3s ease-out;-webkit-user-select:none;user-select:none}.power-anim:hover{transform:rotate(180deg);transition:transform .25s ease-out}.contact-info{align-items:start;display:flex;flex-direction:column;margin-bottom:var(--space-6xl);margin-top:var(--space-2xl);row-gap:var(--space-md)}.contact-email{align-items:center;background-color:var(--color-container);border-radius:var(--border-corners);box-shadow:var(--shadow-base);display:flex;flex-direction:row;height:100px;justify-content:space-between;padding:var(--space-md) var(--space-xl);width:460px}.contact-email__text{color:var(--color-ink-subtle);font-family:var(--font-code);font-size:var(--text-md)}.contact-link{font-size:var(--text-md)}.copy-button{align-items:center;background-color:var(--color-button);border:none;border-bottom:solid var(--border-size-base) var(--color-button-border);border-radius:var(--border-corners);border-right:solid var(--border-size-base) var(--color-button-border);cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:var(--space-xl) var(--space-xl);transition:all .25s ease-in;width:32%}.copy-button:hover{filter:brightness(120%)}.copy-button__icon{color:var(--color-ink-secondary);margin-right:auto;position:relative;-webkit-user-select:none;user-select:none}.copy-button:hover .copy-button__icon{animation:bounce-up .6s;animation-delay:.1s}.copy-button:hover .copy-button__icon--static{animation:none}.copy-button__text{color:var(--color-ink-secondary);font-family:var(--font-copy);font-size:var(--text-inner);-webkit-user-select:none;user-select:none}.scroll-button{background-color:var(--color-button);border:none;border-bottom:solid var(--border-size-base) var(--color-button-border);border-radius:var(--border-corners);border-right:solid var(--border-size-base) var(--color-button-border);box-shadow:var(--shadow-base);cursor:pointer;display:inline-block;height:80px;padding:var(--space-xl) var(--space-xl);position:absolute;right:var(--space-8xl);transform:translateY(0);transition:filter .15s ease-out,transform .25s ease-out;visibility:visible;width:80px}.scroll-button:hover{filter:brightness(120%)}.scroll-button--hidden{transform:translateY(30%);transition-delay:.1s;visibility:hidden}.scroll-button__icon{color:var(--color-ink-secondary);display:inline-block;-webkit-user-select:none;user-select:none}.scroll-button:hover .scroll-button__icon{animation:bounce-up .6s;animation-delay:.1s}@keyframes bounce-right{15%{transform:translate(15%)}25%{transform:translate(15%)}90%{transform:translate(1%)}to{transform:translate(0)}}@keyframes bounce-up{15%{transform:translateY(-15%)}25%{transform:translateY(-15%)}90%{transform:translateY(-1%)}to{transform:translateY(-0%)}}@keyframes bounce-out{15%{transform:scale(108%)}25%{transform:scale(108%)}to{transform:scale(1)}}