*,: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{--font-size-xxs: .5rem;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-base: 1rem;--font-size-x1: 1.125rem;--font-size-x2: 1.25rem;--font-size-x3: 1.375rem;--font-size-x4: 1.5rem;--font-size-x5: 1.875rem;--font-size-x6: 2.25rem;--font-size-x7: 3rem;--font-size-x8: 4rem;--font-size-x9: 5rem;--font-size-x10: 6rem;--font-size-x11: 8rem;--font-size-x12: 10rem;--color-background-grey: #f3f4f6;--color-font-grey: #1c1917;--color-font-grey-light: #a8a29e;--color-stone50: #fafaf9;--color-stone100: #f5f5f4;--color-stone200: #e7e5e4;--color-stone300: #d4d4d8;--color-stone400: #a8a29e;--color-font-indigo-xxlight: #eae9fc;--color-font-indigo-xlight: #bfbcf5;--color-font-indigo-light: #7f79ec;--color-font-indigo-base: #3f36e2;--color-font-indigo-dark: #151070}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}body{font-family:Ranade,sans-serif;font-size:var(--font-size-base);color:var(--color-font-grey);background-color:var(--color-stone50)}a{color:var(--color-color-stone50);font-weight:700;text-decoration:none;cursor:pointer;transition:.2s}a:hover{color:var(--color-font-indigo-base)}hr{border-color:var(--color-font-indigo-xlight);border-width:1px}mark{background-color:var(--color-font-indigo-base);color:var(--color-stone50);font-weight:700;padding:0 .25rem}img,picture,video,svg,canvas{max-width:100%;display:block;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}.btn{display:inline-block;background-color:var(--color-font-indigo-dark);color:var(--color-background-grey);font-weight:700;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:.2s}.btn:hover{background-color:var(--color-font-indigo-base);color:var(--color-background-grey);transform:translateY(-2px)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;margin-top:.5rem;padding-bottom:2rem}h1,h2,h3,h4{text-align:center}@media(min-width:320px){body{font-size:var(--font-size-s)}h4{font-size:var(--font-size-x1)}h3{font-size:var(--font-size-x2)}h2{font-size:var(--font-size-x3)}h1{font-size:var(--font-size-x4)}.container{max-width:95%}}@media(min-width:481px){body{font-size:var(--font-size-base)}h4{font-size:var(--font-size-x2)}h3{font-size:var(--font-size-x3)}h2{font-size:var(--font-size-x4)}h1{font-size:var(--font-size-x5)}}@media(min-width:769px){body{font-size:var(--font-size-x1)}h4{font-size:var(--font-size-x3)}h3{font-size:var(--font-size-x4)}h2{font-size:var(--font-size-x5)}h1{font-size:var(--font-size-x6)}.container{max-width:90%;padding-bottom:5rem}}@media(min-width:1025px){body{font-size:var(--font-size-x2)}h4{font-size:var(--font-size-x4)}h3{font-size:var(--font-size-x5)}h2{font-size:var(--font-size-x6)}h1{font-size:var(--font-size-x7)}.container{max-width:90%}}@media(min-width:1201px){body{font-size:var(--font-size-x3)}h4{font-size:var(--font-size-x5)}h3{font-size:var(--font-size-x6)}h2{font-size:var(--font-size-x7)}h1{font-size:var(--font-size-x8)}.container{max-width:80%}}@media(min-width:1281px){body{font-size:var(--font-size-x4)}.container{max-width:1281px}}.social__container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.social__icon{color:var(--color-font-grey);font-size:var(--font-size-x2);cursor:pointer;transition:.2s}.social__icon:hover{color:var(--color-font-indigo-base);transform:translateY(-2px)}@media(min-width:481px){.social__icon{font-size:var(--font-size-x3)}}@media(min-width:769px){.social__icon{font-size:var(--font-size-x4)}}@media(min-width:1025px){.social__icon{font-size:var(--font-size-x5)}}@media(min-width:1201px){.social__icon{font-size:var(--font-size-x6)}}.header{display:flex;justify-content:space-between;padding-top:2rem;padding-bottom:2rem;z-index:9999;position:relative}.header__title{color:var(--color-stone200);font-weight:700}.header__menu{display:flex;justify-content:flex-end;align-items:center}.header__mobile-btn{color:var(--color-font-grey-light);width:1.5rem;height:1.5rem;display:block;cursor:pointer;transition:.2s}.header__mobile-btn:hover{color:var(--color-font-indigo-dark);transform:translateY(-2px)}.header__menu-list{display:none}.header__menu-link{color:var(--color-font-grey-light);font-weight:400}.header__link:hover{color:var(--color-font-indigo-light)}@media(min-width:769px){.header__mobile-btn{display:none}.header__menu-list{display:flex;justify-content:flex-end;align-items:center;list-style:none;gap:2rem}}.mobile-nav{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-stone50);justify-content:center;align-items:center;text-align:center;z-index:999}.mobile-nav__menu{list-style:none;display:flex;flex-direction:column;gap:2rem}.mobile-nav__menu-link{color:var(--color-font-grey)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;height:100vh}.down-chevron{margin-top:2rem;animation:bounce 2s}.bounce{animation:bounce .5s ease-in-out;animation-delay:5s;animation-iteration-count:2}.bounce:hover{transform:translateY(-2px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero__headshot{border-radius:50%;width:5rem;height:5rem;display:inline}.hero__content{margin-bottom:.5rem;margin-top:.5rem}.hero__social-container{margin-top:1.5rem}#typing-paragraph__skills{background-color:var(--color-stone200);padding:0 .2rem;margin-left:.3rem}@media(min-width:1025px){.hero{max-width:850px;text-align:left}.hero__nameBlock{display:flex;flex-direction:row;justify-content:left;align-items:center;text-align:left;gap:4rem;margin-left:5rem}.hero__content-description{padding-top:1rem}.hero__headshot{width:10rem;height:10rem}}.work__title{margin-bottom:3rem}.work__container{display:grid;grid-column-gap:3rem;grid-row-gap:2rem;grid-auto-columns:1fr;margin-left:auto;margin-right:auto;min-width:25%;justify-content:center}.work__project-contents{padding:20px;margin-bottom:1.5rem;box-shadow:0 4px 8px #0000001a;background-color:#fff}.work__project-description{display:flex;flex-direction:column;font-size:var(--font-size-xs)}.work__project-tools{font-size:var(--font-size-xxs);color:var(--color-stone400);font-weight:400}.work__project-title{text-align:left}.work__img-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.work__img-grid a{display:block;width:100%;height:100%}.work__img-grid img{width:100%;height:100%;object-fit:scale-down;display:block}@media(min-width:481px){.work__project-description{font-size:var(--font-size-s)}.work__project-tools{font-size:var(--font-size-xs)}.work__project-contents{margin-bottom:2rem}}@media(min-width:769px){.work__container{grid-template-columns:1fr 1fr}.work__project-description{font-size:var(--font-size-s)}.work__project-tools{font-size:var(--font-size-xs)}.work__project-contents{margin-bottom:4rem}}@media(min-width:1025px){.work__project-description{font-size:var(--font-size-base)}.work__project-tools{font-size:var(--font-size-xs)}}@media(min-width:1201px){.work__project-description{font-size:var(--font-size-x1)}.work__project-tools{font-size:var(--font-size-s)}}@media(min-width:1281px){.work__project-description{font-size:var(--font-size-x2)}.work__project-tools{font-size:var(--font-size-base)}}.about__container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.about__img-container{min-width:40%;max-width:60%;margin:auto;box-shadow:0 4px 8px #00000080}.about__title{margin-bottom:2rem}.about__description p{margin-bottom:1rem}.about__reachout-btn{display:flex;justify-content:center;margin-top:1rem}.about__reachout-link:hover{color:var(--color-color-stone50)}@media(min-width:769px){.about__container{flex-direction:row}}.footer{padding-bottom:1rem}.footer__container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}.footer__text{color:var(--color-stone300);font-weight:regular}.footer__vite-link{font-weight:400}.footer__social-icon{color:var(--color-stone300)}@media(min-width:769px){.footer__container{flex-direction:row}}