/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;line-height:1.15}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted buttontext}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--clr-dark:#070a13;--clr-light:#f1f5f9;--clr-header:#222;--clr-header-light:#b7a88a;--clr-slate400:#94a3b8;--clr-slate600:#475569;--clr-slate800:#1e293b;--clr-rose:#e11d48;--clr-blue:#1d4ed8;--clr-indigo:#4f46e5;--clr-voilet:#7909e2;--size-xxs:.5rem;--size-xs:.75rem;--size-sm:.875rem;--size-base:1rem;--size-lg:1.125rem;--size-xl:1.25rem;--size-2xl:1.5rem;--size-3xl:1.875rem;--size-4xl:2.25rem;--size-5xl:3rem;--size-6xl:3.75rem;--size-7xl:4.5rem;--size-8xl:6rem;--size-9xl:8rem;--size-10xl:10rem;--hue:223;--bg:hsl(var(--hue), 90%, 95%);--fg:hsl(var(--hue), 90%, 5%);--trans-dur:.3s;--border-radius:1.25rem;--animation-percent:30%;--animation-duration:15s}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}.light-mode{--clr-light:#070a13;--clr-dark:#f7f3e8;--clr-header:#b7a88a;--clr-header-light:#222;--clr-slate400:#1e293b;--clr-slate600:#1e293b;--clr-slate800:#1e293b}body{background-color:var(--clr-dark);color:var(--clr-light);font-family:General Sans,sans-serif;transition:opacity .3s}img,picture,video,canvas,svg{-webkit-user-select:none;user-select:none;max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;display:inline-block}a{color:var(--clr-indigo);text-decoration:none}strong{color:var(--clr-rose)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 10px var(--clr-slate800)}body::-webkit-scrollbar-thumb{background-color:var(--clr-indigo);outline:1px solid var(--clr-indigo);border-radius:1rem}.header{z-index:10;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background-color:#ffffff0d;border-top:#fff6;border-left:#ffffff4d;justify-content:flex-end;align-items:center;padding-top:1rem;padding-bottom:1rem;display:flex;position:fixed;top:1rem;left:0;right:0;box-shadow:.5rem .5rem .5rem #0000000d}.header__menu{display:none}.header__bars{color:var(--clr-indigo);width:var(--size-2xl);height:var(--size-2xl);display:block}.header__name{text-align:center;color:var(--clr-rose);font-weight:bolder;font-size:var(--size-sm);flex-direction:column;display:flex;position:absolute;left:1rem}.header__sun{display:block}@media (width>=768px){.header__menu{align-items:center;gap:2em;padding:0;list-style:none;display:flex}.header__moon{display:none}.header__link{font-size:var(--size-xs);color:var(--clr-indigo);letter-spacing:-.05em;font-weight:600;text-decoration:none;transition:color .3s}.header__link:hover{color:var(--clr-rose)}.header__line{border:1px solid var(--clr-indigo);padding-top:1.5em}.header__ThemeBtn{color:var(--clr-indigo);width:var(--size-base);height:var(--size-base);display:block}.header__bars{display:none}.header__name{font-size:var(--size-xl)}}@media (width>=1024px){.header__link{font-size:var(--size-sm)}.header__ThemeBtn{width:var(--size-xl);height:var(--size-xl)}.header__name{font-size:var(--size-2xl)}}.hero{flex-direction:column;gap:5rem;display:flex}.hero__content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.hero__img-wrapper{align-self:center;margin-top:6rem}.hero__title{font-size:var(--size-4xl);color:var(--clr-light);min-height:2.8em;animation:linear both fade;animation-timeline:view();animation-range:entry var(--animation-percent) cover var(--animation-percent);line-height:1.4}.hero__title:after{content:"|";animation:.7s step-start infinite blink}@keyframes blink{50%{opacity:0}}.hero__description{max-width:60ch;font-size:var(--size-lg);color:var(--clr-slate600);text-align:center;animation:linear both fade;animation-timeline:view();animation-range:entry var(--animation-percent) cover var(--animation-percent)}.hero__hr{border-color:var(--clr-slate800);animation:linear both fade;animation-timeline:view();animation-range:entry var(--animation-percent) cover var(--animation-percent)}.hero__subtitle{font-size:var(--size-lg);color:var(--clr-slate400);animation:linear both fade;animation-timeline:view();animation-range:entry var(--animation-percent) cover var(--animation-percent)}.hero__img{width:20rem;animation:linear both fade;animation-timeline:view();animation-range:entry var(--animation-percent) cover var(--animation-percent);border-radius:50%}.hero__social-links{gap:2rem;display:flex}.hero__btn{font-size:var(--size-xl);align-self:center;width:max-content}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width>=475px){.hero,.hero__content{gap:1.5rem}.hero__title{font-size:var(--size-5xl)}.hero__description,.hero__subtitle{font-size:var(--size-lg)}}@media (width>=1024px){.hero{flex-direction:row;align-items:center}.hero__img-wrapper{margin-top:0;position:relative}.hero__title{font-size:var(--size-6xl)}.hero__content{margin-top:10rem}.hero__description,.hero__subtitle{font-size:var(--size-xl)}.hero__img{width:30rem;position:relative;top:5rem;left:0}}@media (width>=1280px){.hero{gap:5rem}.hero__content{gap:2rem}.hero__title{font-size:var(--size-7xl)}.hero__description,.hero__subtitle{font-size:var(--size-2xl)}}@media (prefers-reduced-motion){.hero__title,.hero__description,.hero__hr,.hero__subtitle,.hero__img{animation:none}}.mobile-nav{z-index:991;background-color:var(--clr-dark);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:none;position:fixed;top:0;left:0}.mobile-nav__menu{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:0;list-style:none;display:flex}.mobile-nav__link{font-size:var(--size-sm);color:var(--clr-indigo);letter-spacing:-.05em;transform:color .3s;font-weight:600;text-decoration:none}.mobile-nav__link:hover{color:var(--clr-rose)}.mobile-nav__link-line{border:1px solid var(--clr-indigo);padding-right:1.5rem}.mobile-nav__themeBtn{width:var(--size-xl);height:var(--size-xl);color:var(--clr-indigo);display:block}.header__sun-m{display:block}.header__moon-m{display:none}.btn{letter-spacing:-.05em;background-color:var(--clr-blue);color:#f1f5f9;border-radius:var(--border-radius);box-shadow:0 10px 20px #1d20e180, 0 6px 6px #1d20e180, 0 0 100px -10px var(--clr-blue);padding:.5em 1em;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn:hover{box-shadow:0 14px 28px #1d20e140, 0 10px 10px #1d20e140, 0 0 120px -10px var(--clr-blue);transform:translateY(-3px)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.section{margin-top:5rem}.loading{filter:blur(40px)grayscale()}.loaded{filter:blur()grayscale(0);transition:all 1s ease-in-out}@media (width>=475px){.container{max-width:475px}}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}.section{margin-top:10rem}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}
