.main{display:flex}.gap--1{flex:.3;min-width:2rem}.gap--2{flex:.3;min-width:clamp(1.3rem,6.5vw,4rem)}.main__content{flex:5;margin:5rem 0rem}.background{display:flex;flex-direction:column;min-height:100vh}.background__details{flex:11;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1rem 0}.background__info-container{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.background__info-line{width:100%}.background__info{max-width:60ch;color:var(--clr-slate600);font-size:var(--size-xl)}.background__info-role{color:var(--clr-indigo)}.background__photo{flex:2;display:flex;flex-direction:column;gap:2rem;width:100%;justify-content:center;align-items:center;padding-top:3rem}.background__photo-img{border:1px solid gray;overflow:hidden;border-radius:5px}.background__photo-img{max-width:100%;height:auto;object-fit:cover}.background__photo-role{color:var(--clr-slate600);font-size:var(--size-lg)}.background__quote{flex:1;text-align:center;line-height:2rem}.background__quote-emoji{margin-bottom:-.5rem;margin-left:.5rem}@media (min-width: 475px){.background{margin-bottom:5rem}.background__details{padding:0}.background__photo{gap:0;padding-top:0}}@media (max-width: 475px){.background{overflow-y:auto}}@media (min-width: 576px){.background__details{padding:1rem 0}.background__photo{gap:2rem}}@media (min-width: 768px){.background{margin-bottom:0rem}}@media (min-width: 1200px){.background__details{padding:0;flex-direction:row}.background__photo{height:29rem}}.contact__details{height:100%;display:flex;flex-direction:column}.contact__content{display:flex;flex-direction:column;padding:clamp(.5rem,1vw,1rem);align-items:center;justify-content:center;height:100%;gap:1rem}.contact__cta-container{display:flex;justify-content:center;align-items:center}.contact__cta-msg{text-align:center;font-size:clamp(1.3rem,2vw,2rem);max-width:60ch;color:var(--clr-slate800)}.contact__btn{align-self:center;text-decoration:none;color:inherit;width:max-content}@media (min-width: 475px){.contact{height:60vh}}.copyrights{display:flex;justify-content:center;align-items:center;height:3rem;color:var(--clr-slate600)}.copyrights__text{font-size:1.2rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,4rem);max-height:5rem;flex:1}.header__brand{display:flex;justify-content:center;align-items:center;color:var(--clr-rose);cursor:default;padding:.5rem;border:1px solid var(--clr-rose)}.header__logo{color:inherit;text-decoration:none;cursor:pointer}.header__nav{flex:20}.header__links{display:flex;justify-content:center;gap:clamp(1.7rem,5vw,5rem);list-style-type:none;padding:0}.header__link__home,.header__link__contact{display:none}.header__link{text-decoration:none;color:inherit;color:var(--clr-slate600);transition:color .3s}.header__link:hover{color:var(--clr-rose)}.menu--links{background-color:#fff;padding:.5rem 1rem}.menu--links:hover{color:var(--clr-rose)}.header__menu{display:flex;justify-content:center;align-items:center;flex:1;position:relative}.header__hamburger{position:relative;display:block;width:35px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none}.header__hamburger-img{color:var(--clr-dark);cursor:pointer}.header__hamburger .header__bar,.header__hamburger:after,.header__hamburger:before{content:"";display:block;width:100%;height:3.5px;background-color:var(--clr-slate800);margin:6px 0;transition:.4s}.header__hamburger.is-active:before{transform:rotate(-45deg) translate(-7px,6px)}.header__hamburger.is-active:after{transform:rotate(45deg) translate(-7px,-7px)}.header__hamburger.is-active .header__bar{opacity:0}.header__menu-links{display:none;flex-direction:column;background-color:var(--clr-rose);text-align:center;list-style-type:none;padding:3rem;border-radius:5px;gap:2rem;position:absolute;top:1.2rem;right:.4rem;z-index:999}.header__menu-links--toggle{display:flex}@media (min-width: 768px){.header__link__home,.header__link__projects,.header__link__contact{display:inline}}@media (min-width: 1200px){.header__menu{flex:5}.header__menu-links{display:flex;flex-direction:row;justify-content:space-between;gap:clamp(1.5rem,1vw,4rem);text-align:center;list-style-type:none;background-color:inherit;padding:0;position:static}.menu--links{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 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.menu--links:hover{transform:translateY(-3px);color:#f1f5f9;box-shadow:0 14px 28px #e11d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.header__hamburger{display:none}}.hero{overflow:hidden;display:flex;height:100vh}.hero__socials{display:flex;flex-direction:column;justify-content:space-between;flex:.3;text-align:center}.hero__socials:before{flex:1;content:""}.hero__nav{flex:2}.hero__links{list-style-type:none;padding:0}.hero__intro{width:100%;flex:5;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}.hero__header-container{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%;font-size:clamp(2.5rem,5vw,5rem);padding:0 clamp(1rem,2vw,3rem)}.hero__header-container:before{text-align:start;color:var(--clr-rose);font-size:1.2rem;content:"<h1>"}.hero__header-container:after{text-align:start;color:var(--clr-rose);font-size:1.2rem;content:"</h1>"}.hero__header-line{color:var(--clr-slate600);text-align:start;padding:0 2rem}.hero__header-name{color:var(--clr-rose)}.hero__desc{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:start;font-size:clamp(1.5rem,3vw,4rem);padding:0 clamp(1rem,2vw,3rem);color:var(--clr-slate400)}.hero__desc-line{padding:0 2rem;max-width:60ch}.hero__desc-highlight{font-size:clamp(1.6rem,3vw,4rem);color:var(--clr-indigo)}.hero__desc:before{color:var(--clr-rose);font-size:1.1rem;content:"<h3>"}.hero__desc:after{color:var(--clr-rose);font-size:1.1rem;content:"</h3>"}.hero__cta{width:100%;padding:0 clamp(1rem,5vw,5rem)}.hero__cta-links{display:flex;list-style-type:none;padding:0 1rem;gap:1.3rem}.hero__links{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.hero__item{display:flex;align-items:center;justify-content:center;width:100%;flex:1}.hero__line-container{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hero__line{border-radius:2px;height:80%;width:.5rem;background-color:var(--clr-rose)}.hero__link{text-decoration:none;color:inherit}.hero__image{flex:1;display:flex;align-items:center;justify-content:center;max-width:clamp(16.2rem,70vw,33rem);max-height:clamp(16.2rem,50vh,33rem);overflow:hidden;background-color:var(--clr-indigo)}.hero__mypicture{max-width:100%;max-height:100%;object-fit:cover}.hero__mail{flex:.3;width:6.5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.hero__mail:before{flex:1;content:""}.hero__gmail{flex:2;width:0;padding-right:4rem;display:flex;justify-content:flex-start;align-items:center;rotate:90deg;color:var(--clr-slate800);white-space:nowrap}@media (max-width: 320px){.hero__header-container{white-space:wrap}}@media (max-width: 576px){.hero__socials,.hero__mail{display:none}}@media (min-width: 1400px){.hero{height:80vh}.hero__intro{align-items:center;flex-direction:row}.hero__desc-line{width:100%;padding:0;white-space:wrap;text-align:center}.hero__container{flex:3}.hero__image{flex:2;height:70%}}.projects__project-container{height:100%}.projects__project{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:93%;padding:5%;gap:2rem}.projects__left-container{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:8px;gap:8px;cursor:default}.projects__left-container:hover{opacity:90%}.projects__photo{min-width:16.5rem;width:100%;max-width:32.5rem;height:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px var(--clr-indigo),0 4px 6px -4px var(--clr-indigo);overflow:hidden;cursor:pointer}.projects__img{width:100%;height:100%}.projects__tech-stacks{background-color:transparent;border-radius:0 0 10px 10px;height:fit-content;display:none;padding-inline:16px;overflow-x:auto}.projects__tech-stacks__icon{width:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:default}.projects__tech-stacks__name{font-size:8px;white-space:nowrap}.projects__separator{margin-top:8px;margin-bottom:24px;width:100%}.projects__info{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:50%}.projects__title{display:flex;flex-direction:row-reverse;gap:12px;font-size:1.5rem;font-weight:500;color:var(--clr-slate800);white-space:nowrap}.projects_logo{width:32px;height:32px}.projects__desc{max-width:60ch;font-size:clamp(1rem,1.3vw,1.3rem);color:var(--clr-slate600)}.projects__desc-container{text-align:center}.projects__btns-container{align-self:center;width:100%}.projects__btns{--btn-gap: clamp(1rem, 5vw, 2rem);padding:0;list-style-type:none;text-align:center;display:flex;justify-content:center;gap:var(--btn-gap)}.projects__live-demo,.projects__source-code{cursor:pointer}.projects__live-demo-link,.projects__source-code-link{text-decoration:none;color:inherit}.projects__no-demo,.projects__no-source-code{cursor:not-allowed;opacity:50%}@media (min-width: 768px){.projects__left-container{gap:32px}.projects__project{gap:1rem}.projects__left-container{width:80%}.projects__tech-stacks{gap:24px}.projects__separator{display:none}.projects__tech-stacks{display:flex;justify-content:space-around;align-items:center}}@media (min-width: 1200px){.projects__project{flex-direction:row;gap:clamp(1rem,1rem + 1vw,10%)}.projects__project:nth-child(2n+2){flex-direction:row-reverse}.projects__info{gap:.5rem}.projects__title{height:100%;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.projects__desc-container{height:100%;flex:2}.projects__desc{height:100%;max-width:none;text-align:left;padding:1rem}.projects__btns-container{flex:1}.projects__img{min-width:32rem}}@media (min-width: 1400px){.projects__project{gap:clamp(1rem,8vw,10%)}}@media screen and (orientation: landscape){.projects__project{overflow-y:auto}}.skills{flex:1}.skills__container{display:grid;grid-template-rows:repeat(auto-fill,minmax(7rem,11rem));grid-template-columns:repeat(auto-fill,minmax(7rem,11rem));gap:2rem;width:100%;height:91.5%;padding:5rem 0;grid-auto-flow:row;grid-auto-rows:minmax(7rem,11rem);justify-content:center;max-height:70vh;overflow:scroll}.skills__item{border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border:1px solid var(--clr-slate600)}.skills__img-container{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem}.skills__text-container{white-space:nowrap}.skills__img{width:100%;height:100%}@media (min-width: 576px){.skills__container{max-height:50vh}}@media (min-width: 768px){.skills__container{max-height:100%}}/*! modern-normalize v2.0.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{--primary-color: #e64352;--secondary-color: #0a192f;--accent-color: #8892b0;--accent-color2: #a3adcc;--clr-dark: #070a13;--clr-light: #f1f5f9;--clr-slate400: #94a3b8;--clr-slate600: #475569;--clr-slate800: #1e293b;--clr-rose: #e11d48;--clr-indigo: hsl(243, 75%, 59%);--line-color: #6f2d3f;--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}html{scroll-behavior:smooth}*{line-height:1.5;font-family:General Sans,sans-serif}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 #0000}body::-webkit-scrollbar-thumb{position:relative;background-color:var(--clr-rose);outline:1px solid var(--clr-rose)}.btn,.btn-disabled{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 6px #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}@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}}.header--util{display:flex;align-items:center;text-align:center;flex:1;gap:10%;margin-top:1rem}.header--title{flex:3;max-width:10rem;border-radius:5px;border:2px solid var(--clr-slate800);color:var(--clr-dark);font-size:clamp(1.2rem,1.2rem + .22vw,1.5rem);padding:1rem .5rem}.header--line{flex:7;background-color:var(--clr-slate800);height:2px}.row>.column{padding:0 8px}.row:after{content:"";display:table;clear:both}.column{float:left;width:25%;min-width:8rem}.modal{display:none;position:fixed;z-index:1000;padding-top:50%;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:#000c}.modal-open{overflow:hidden;position:absolute}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;max-height:100vh}.close{color:#fff;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}.mySlides{display:none}.cursor{cursor:pointer}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:8px;margin-top:-50px;color:#fff;background-color:#0006;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.hidden{display:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.numbertext{color:#f2f2f2;background-color:#3c3c3ccc;font-size:12px;padding:8px 12px;position:absolute;top:0}img{margin-bottom:-4px}.caption-container{text-align:center;background-color:#000c;padding:2px 8px;color:#fff}.demo{opacity:.6}.active,.demo:hover{opacity:1}.image-preview{display:none}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}@media (min-width: 768px){.modal{padding-top:100px}.image-preview{display:block}}@media (min-width: 1200px){.modal-content{max-width:60vw}.image-preview{display:block}}.top{--offset: 100px;position:fixed;bottom:12px;right:12px;margin-right:4px;place-self:end;margin-top:calc(100vh + var(--offset));width:48px;aspect-ratio:1;background:var(--clr-rose);border-radius:10px;font-size:0}.top:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid #fff;border-right:5px solid #fff}@media (min-width: 768px){.top{bottom:20px;right:20px}}