h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}button{border:none}input,textarea{box-sizing:border-box}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}:root{--bg: #f5f5f5;--bg-light: #ffffff;--text: #111;--primary: 168, 28, 7;--secondary: 0, 49, 83;--accent: #708090;--lighttext: 400;background-color:var(--bg);color:var(--text);scroll-behavior:smooth}@media screen and (prefers-color-scheme: dark){:root{--bg: #081016;--bg-light: #10212d;--text: #fafafa;--primary: 167, 38, 8;--secondary: 204, 234, 255;--accent: #bebfc5;--lighttext: 300}}body{margin:0;background-color:var(--bg);color:var(--text)}.layout-container{margin-inline:1rem}@media (min-width: 425px){.layout-container{margin-inline:2rem}}@media (min-width: 768px){.layout-container{max-width:750px;margin-inline:auto;padding-inline:3rem}}@media (min-width: 1024px){.layout-container{max-width:1200px;margin-inline:auto;padding-inline:3rem}}.scrolltop{color:var(--bg);position:fixed;background-color:rgb(var(--secondary));padding:0;border-radius:8px;bottom:25px;right:15px;height:35px;width:35px;transition:all;transition-duration:0.2s;transition-timing-function:ease-out;cursor:pointer;translate:100px}.scrolltop:hover{background-color:rgb(var(--primary))}.scrolltop--visible{translate:0}.scrolltop__icon{width:25px;height:25px;margin-inline:auto}@media screen and (max-width: 425px){.scrolltop{height:30px;width:30px}.scrolltop__icon{width:20px;height:20px}}.header{padding-top:1rem}.logo{font-family:"Arbutus Slab", serif;font-size:3.5rem;color:inherit;text-decoration:none}.header-container{display:flex;justify-content:space-between;align-items:center}.nav{display:flex;position:relative}.nav__list{list-style:none;padding:0;margin:0;display:flex}.nav__link{text-decoration:none;font-family:"Nunito Sans", sans-serif;color:inherit;font-size:1.25rem;margin-left:2em;position:relative}.nav__link--unselected:hover::after{opacity:1}.nav__link--unselected:after{content:"";background-color:var(--accent);display:block;position:absolute;top:-2px;right:-4px;height:6px;width:6px;border-radius:50%;opacity:0;transition:opacity 0.2s}.nav__link--selected:after{content:"";background-color:rgb(var(--primary));display:block;position:absolute;top:-2px;right:-4px;height:6px;width:6px;border-radius:50%}.hamburger__button{display:none;margin-left:2rem;background-color:transparent}@media screen and (max-width: 768px){.hamburger__button{display:inline}}@media screen and (max-width: 768px){.nav__list{position:absolute;z-index:10;background-color:var(--bg-light);flex-direction:column;row-gap:1rem;align-items:end;width:max-content;right:1rem;top:3.5rem;border-left:2px solid rgb(var(--primary));border-right:2px solid rgb(var(--primary));border-radius:8px;padding:1rem 1rem 1rem 2.5rem;opacity:0;visibility:hidden;transition:opacity;transition-duration:0.2s}.nav__link{margin-left:0}}.nav__list--visible{visibility:visible;opacity:1}.hamburger__icon .top{stroke-dasharray:40 160}.hamburger__icon .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform 400ms}.hamburger__icon .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform 400ms, stroke-dashoffset 400ms}.hamburger__icon.active .top{stroke-dashoffset:-64px}.hamburger__icon.active .middle{transform:rotate(90deg)}.hamburger__icon.active .bottom{stroke-dashoffset:-64px}.hamburger__icon{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.line{fill:none;transition:stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:var(--text);stroke-width:5.5;stroke-linecap:round}.hero{margin-top:3rem}.hero-container{display:flex;align-items:center;font-family:"Nunito Sans",sans-serif;column-gap:4rem}.hero__greeting{font-size:3.75rem}.hero__p{margin-block:1em;opacity:90%;font-size:1.5rem}.hero__p2{margin-block:1em;opacity:90%}.hero__accent-word{position:relative;white-space:nowrap}.hero__accent-word::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:0.95em;height:0.5em;background-color:rgb(var(--primary));-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1213 73" fill="%23000"><path d="M1212.41 5.51c3.05 12.87-22.36 11.93-30.26 15.68-94.32 20.51-269.09 32.42-365.48 37.51-77.91 3.82-155.66 9.93-233.67 11.67-57.49 2.56-115.05-.19-172.57 1.58-121.28.91-243.17 1.88-363.69-13.33-12.51-2.64-25.8-2.92-37.77-7.45-30.66-21.42 26.02-21.53 38.52-19.26 359.95 29.05 364.68 27.36 638.24 17.85 121-3.78 241.22-19.21 426.76-41.46 4.72-.65 9.18 3.56 8.45 8.36a941.74 941.74 0 0 0 54.29-9.21c9.33-2.33 18.7-4.56 27.95-7.19a7.59 7.59 0 0 1 9.23 5.24Z"/></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1213 73" fill="%23000"><path d="M1212.41 5.51c3.05 12.87-22.36 11.93-30.26 15.68-94.32 20.51-269.09 32.42-365.48 37.51-77.91 3.82-155.66 9.93-233.67 11.67-57.49 2.56-115.05-.19-172.57 1.58-121.28.91-243.17 1.88-363.69-13.33-12.51-2.64-25.8-2.92-37.77-7.45-30.66-21.42 26.02-21.53 38.52-19.26 359.95 29.05 364.68 27.36 638.24 17.85 121-3.78 241.22-19.21 426.76-41.46 4.72-.65 9.18 3.56 8.45 8.36a941.74 941.74 0 0 0 54.29-9.21c9.33-2.33 18.7-4.56 27.95-7.19a7.59 7.59 0 0 1 9.23 5.24Z"/></svg>');mask-repeat:no-repeat;mask-size:contain}.hero__image{border-radius:8px}@media screen and (min-width: 1024px){.hero__image{-webkit-box-shadow:-25px 25px 35px 0px rgb(var(--secondary), 0.17);box-shadow:-25px 25px 35px 0px rgb(var(--secondary), 0.17)}}@media screen and (max-width: 425px){.hero__greeting{font-size:2rem}.hero__p{font-size:1rem}}@media screen and (min-width: 425px) and (max-width: 768px){.hero__greeting{font-size:3rem}.hero__p{font-size:1.25rem}}@media screen and (max-width: 1024px){.hero-container{flex-direction:column}.hero__text{margin-top:0}.hero__image{margin-top:2rem;margin-inline:auto}}.aboutme{margin-top:5rem}.aboutme-container{font-family:"Nunito Sans",sans-serif;display:flex;column-gap:6rem;row-gap:4rem}.aboutme__image{width:40%;height:auto;border-radius:50%;outline:solid 3px rgb(var(--primary));outline-offset:3px;aspect-ratio:1;align-self:flex-start}@media screen and (max-width: 1024px){.aboutme-container{flex-direction:column}.aboutme__image{width:60%;align-self:center}}.aboutme__heading{font-size:2.5rem}.aboutme__p{opacity:90%;font-size:1.5rem;font-weight:var(--lighttext);margin-top:0.75rem;margin-bottom:1.25rem}@media screen and (max-width: 768px){.aboutme__p{font-size:1.25rem}}@media screen and (max-width: 425px){.aboutme__heading{font-size:2rem}.aboutme__p{font-size:1rem}}.motivation{margin-top:8rem;font-family:"Nunito Sans",sans-serif}.motivation h1{font-size:2.5rem;margin-top:6rem}.motivation ul{list-style-type:circle}.motivation li{opacity:90%;font-size:1.5rem}@media screen and (max-width: 425px){.motivation li{font-size:1.25rem}.motivation h1{font-size:2rem}}.projects{margin-top:10rem}.projects-container{display:flex;gap:3rem}@media screen and (max-width: 1024px){.projects-container{flex-direction:column}}.projects__text{font-family:"Nunito Sans",sans-serif}.projects__heading{font-size:2.5rem}.projects__p{opacity:90%;font-size:1.5rem;font-weight:var(--lighttext);margin-top:0.75rem;margin-bottom:1.25rem}.projects__link{font-size:1.25rem;color:rgb(var(--secondary));opacity:75%;text-decoration:none;transition-property:opacity;transition-duration:0.2s}.projects__link:hover{opacity:95%}.projects__link:hover .projects-link__icon{translate:6px;opacity:90%}.projects-link__icon{vertical-align:middle;height:30px;width:30px;display:inline-block;opacity:70%;margin-left:-3px;margin-bottom:3px}.projects-link__icon--arrow{color:inherit;transition-property:translate;transition-duration:.17s;transition-delay:.06s;transition-timing-function:ease-out}.projects-link__icon--chevron{color:inherit;margin-left:-22px;transition-property:translate;transition-duration:.17s;transition-timing-function:ease-out}.projects__cards{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media screen and (max-width: 768px){.projects__cards{grid-template-columns:1fr}.projects__p{font-size:1.25rem}}@media screen and (max-width: 425px){.projects__p{font-size:1rem}.projects__heading{font-size:2rem}}.projects__cards{font-family:"Nunito Sans",sans-serif}.project-card{transition:all;transition-duration:0.1s;transition-timing-function:ease-out;border-radius:8px;color:inherit;text-decoration:none}.project-card:hover{translate:0px -5px}.project-card__image{border-radius:8px}.project-card__type{margin-top:1rem}.project-card__title{margin-top:0.25rem}.project-card__description{margin-top:0.75rem;font-size:1.125rem;font-weight:var(--lighttext);opacity:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.testimonials{margin-top:10rem;font-family:"Nunito Sans",sans-serif}.testimonials__heading{font-size:2.5rem;margin-bottom:2.5rem}@media screen and (max-width: 425px){.testimonials__heading{font-size:2rem}}.testimonials-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media screen and (max-width: 1024px){.testimonials-container{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 768px){.testimonials-container{grid-template-columns:1fr}}.testimonial__card{border-radius:8px;background-color:rgb(var(--secondary), 7.5%);padding:2rem;display:grid;grid-template-columns:60px auto;grid-template-rows:auto auto auto;column-gap:1.5rem}.testimonial__picture{width:60px;height:60px;border-radius:50%;outline:2px solid rgb(var(--primary));outline-offset:2px;grid-row:1 / span 2;justify-self:center}.testimonial__name{font-size:1.25rem}.testimonial__title{opacity:80%;font-weight:var(--lighttext)}.testimonial__text{opacity:90%;position:relative;font-weight:var(--lighttext);margin-top:1.5rem;grid-column:1 / span 2}.testimonial__text::before{content:"“";position:absolute;top:-30px;left:-20px;display:block;z-index:2;font-size:180px;line-height:1;opacity:0.08;user-select:none}.skills{font-family:"Nunito Sans",sans-serif;margin-top:10rem}.skills__heading{font-size:2.5rem}@media screen and (max-width: 425px){.skills__heading{font-size:2rem}.skills__p{font-size:1rem}}.skills__p{opacity:90%;font-size:1.5rem;font-weight:var(--lighttext);margin-top:0.75rem;margin-bottom:1.25rem}@media screen and (max-width: 768px){.skills__p{font-size:1.25rem}}.skills__link{font-size:1.25rem;color:rgb(var(--secondary));opacity:75%;text-decoration:none;transition-property:opacity;transition-duration:0.2s}.skills__link:hover{opacity:95%}.skills__link:hover .skills-link__icon{translate:6px;opacity:90%}.skills-link__icon{vertical-align:middle;height:30px;width:30px;display:inline-block;opacity:70%;margin-left:-3px;margin-bottom:3px}.skills-link__icon--arrow{color:inherit;transition-property:translate;transition-duration:.17s;transition-delay:.06s;transition-timing-function:ease-out}.skills-link__icon--chevron{color:inherit;margin-left:-22px;transition-property:translate;transition-duration:.17s;transition-timing-function:ease-out}.skills__list{list-style:none;padding:1rem;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center}.skill{background:radial-gradient(closest-side, rgb(var(--secondary), 0.15), transparent);padding:20px 25px}.skill__icon{height:50px;filter:saturate(45%);transition:all;transition-duration:0.15s;transition-timing-function:ease-in-out}.skill__icon:hover{filter:saturate(100%);transform:scale(1.1)}.contact{margin-top:12rem}.contact-container{font-family:"Nunito Sans",sans-serif;color:var(--text);display:flex;flex-direction:column;align-items:center}.form__heading{font-size:2.5rem}.form__p{opacity:90%;font-size:1.5rem;font-weight:var(--lighttext);margin-top:0.75rem;margin-bottom:2rem}@media screen and (max-width: 768px){.form__p{font-size:1.25rem}}@media screen and (max-width: 425px){.form__p{font-size:1rem}.form__heading{font-size:2rem}}.form{width:100%;max-width:600px;margin-bottom:1.5rem}.form__label{display:block;margin-bottom:0.25rem;font-size:1rem}.form__input{width:100%;margin-bottom:1.5rem;display:block;padding:0.75rem;border:1px solid #d1d5db;border-radius:8px}.form__input--message{resize:vertical}.form__input::placeholder{color:var(--accent);opacity:0.8}.form__submit{width:200px;font-size:1rem;padding:1rem;color:#fff;background-color:rgb(var(--primary), 0.9);border-radius:8px;cursor:pointer;transition:background-color 0.1s ease-in-out}.form__submit--disabled{background-color:var(--accent)}@media screen and (max-width: 425px){.form__submit{width:100px}}.form__submit:hover{background-color:rgb(var(--primary))}.form__result{margin-top:1rem;font-size:1rem;color:var(--text)}.form__result--hidden{visibility:hidden}.footer{margin-top:8rem;padding:2rem 10% 1.5rem;display:flex;flex-direction:column;align-items:center;background-color:rgb(var(--secondary), 0.2)}.footer__socials{display:flex;gap:2rem;justify-content:space-around;margin-top:2.5rem;margin-bottom:2.25rem}.footer__icon{height:20px;width:20px;color:var(--text)}.footer__social--mail,.footer__social--linkedin,.footer__social--github,.footer__social--medium{border-radius:50%;height:30px;width:30px;transition-property:background-color;transition-duration:0.1s}.footer__social--mail:hover,.footer__social--linkedin:hover,.footer__social--github:hover,.footer__social--medium:hover{background-color:rgb(var(--primary))}.footer__logo{font-family:"Arbutus Slab",serif;font-size:1.75rem;min-width:max-content}.footer__copy{font-family:"Nunito Sans",sans-serif;text-align:center}.footer__link{text-decoration:none;color:inherit;font-weight:bold}