/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-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,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-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: #1e293b;--clr-light: #f3f4f6;--clr-slate400: #94a3b8;--clr-slate600: #475569;--clr-slate800: #1e293b;--clr-rose: #dc2626;--clr-indigo: #4f46e5;--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}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}body{font-family:Clash Display,sans-serif;background-color:var(--clr-dark);color:var(--clr-light)}img,picture,video,canvas,svg{display:block;max-width:100%;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}a{color:var(--clr-rose)}strong{color:var(--clr-indigo)}.header{display:flex;justify-content:center;align-items:center;height:2rem;padding-top:2rem;padding-bottom:2rem;margin-top:2rem}.header__icon{fill:#f0003c;transition:fill .3s;height:3rem;width:3rem}.header__icon:hover{fill:#f0f8ff}.header__menu{display:flex;justify-content:center;align-items:center;padding:0;list-style:none;gap:2rem}.header__link{font-size:var(--size-4xl);text-decoration:none;font-weight:500;transition:color .3s}@media (min-width: 768px){.header__menu{display:flex;justify-content:center;align-items:center;padding:0;list-style:none;gap:1rem}.header__link{font-size:var(--size-4xl);text-decoration:none;font-weight:500;transition:color .3s}.header__link:hover{color:var(--clr-light)}.header__resume{display:block;font-size:var(--size-xs)}.header__bars{display:none}}@media (min-width: 1024px){.header__link{font-size:var(--size-4xl);text-decoration:none;font-weight:500;transition:color .3s}.header__link:hover{color:var(--clr-light)}.header__resume{display:block;font-size:var(--size-xs)}.header__icon{color:red;fill:#f0003c;transition:fill .3s;width:3rem;height:3rem}.header__menu{display:flex;justify-content:center;align-items:center;padding:0;list-style:none;gap:7rem}}.hero{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;text-shadow:0 10px 50px #ffd700;letter-spacing:.1rem}.hero__image{display:inline;border-radius:50%;width:10rem;height:10rem;box-shadow:0 0 100px #d75454}.hero__subtitle{color:wheat;font-size:var(--size-base)}.hero__title{color:wheat;font-size:var(--size-4xl);line-height:.9}.hero__description{text-shadow:0 10px 20px rgba(225,29,72,.5);color:wheat;font-size:var(--size-sm)}.hero__btn{text-transform:capitalize;font-size:var(--size-xl);animation-name:border-color-change;animation-duration:5s;animation-iteration-count:infinite}@media (min-width: 1280px){.hero{gap:2rem;margin-top:3rem}.hero__image{display:inline;border-radius:50%;width:10rem;height:10rem}.hero__subtitle{color:wheat;font-size:var(--size-4xl)}.hero__title{color:wheat;font-size:var(--size-6xl);line-height:.9}.hero__description{color:wheat;font-size:var(--size-3xl);width:80%}.hero__btn{text-transform:capitalize;font-size:var(--size-3xl)}}.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s;box-shadow:0 0 100px #d75454;text-transform:capitalize;margin-top:1rem}.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:hsl(0deg 0% 0% / .25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(to left,hsl(340deg 100% 16%) 0%,hsl(340deg 100% 32%) 8%,hsl(340deg 100% 32%) 92%,hsl(340deg 100% 16%) 100%)}.front{display:block;position:relative;padding:12px 42px;border-radius:12px;font-size:1.25rem;color:#fff;background:hsl(345deg 100% 47%);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover{filter:brightness(110%)}.pushable:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}.pushable:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}.pushable:focus:not(:focus-visible){outline:none}.back{color:#fff;text-decoration:none;font-weight:600}.btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05em;background-color:var(--clr-rose);color:#f1f5f9;padding:.5em 1em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 20px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #e11d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}.section{margin-top:5rem}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}.section{margin-top:10rem}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}