@import"https://unpkg.com/open-props/easings.min.css";:root{--background-light: #ffffff;--background-light2: #f1f1f1;--text-light: #000000;--title-light: rgb(49, 181, 225);--background-dark: #2e2e2e;--background-dark2: #4c4d51;--text-dark: #ffffff;--title-dark: #DA7396;min-width:400px}[data-theme=light]{--background: var(--background-light);--background2: var(--background-light2);--text-color: var(--text-light);--title-color: var(--title-light);--border: #75767b;--border2: #2d2e32;--box-shadow: 0 0 10px rgba(0, 0, 0, .09)}[data-theme=dark]{--background: var(--background-dark);--background2: var(--background-dark2);--text-color: var(--text-dark);--title-color: var(--title-dark);--border: #2d2e32;--border2: #75767b;--box-shadow: 0 0 10px rgba(255, 255, 255, .17)}html{scroll-behavior:smooth}body{background-color:var(--background);position:relative;font-family:poppins,sans-serif;margin:0}.container{display:flex;margin:0 auto;max-width:70rem;height:100vh}.App-logo{height:3.75rem;pointer-events:none;position:fixed;left:3.5rem}@media (max-width: 1200px){.App-logo{left:1rem}}@media (max-width: 900px){.App-logo{height:3rem}}@media (max-width: 500px){.App-logo{transition:5s;left:-100%!important}}@media (max-height: 650px){.App-logo{height:2.5rem}}.mobile-nav-full{background-color:#f3f3f3;z-index:200;position:fixed;top:0;left:0;width:100%;height:100%}.mobile-nav-full i{font-size:2.3rem;position:absolute;right:25px;top:49px;cursor:pointer}.mobile-links{font-size:3rem;text-transform:uppercase;display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;top:44%;left:50%;position:absolute;transform:translate(-50%,-50%)}.mobile-links a{color:#000;text-decoration:none}.mobile-links a:hover{text-decoration:underline}.x-mobile{position:absolute;right:3rem;top:3rem;cursor:pointer}.nav{align-items:center;background-color:var(--background);box-shadow:var(--box-shadow);display:flex;font-size:1.2rem;padding:5px 0;position:fixed;left:0;top:0;width:100%;z-index:100}.nav>section{display:flex;margin-left:auto;padding-right:4rem}@media (max-width: 1200px){.nav>section{padding-right:15px;gap:4vw}}@media (max-height: 650px){.nav>section{font-size:1rem;padding-right:9vw;gap:5vh}}.nav .navFormat a{margin:1em 0;padding-left:40px}@media (max-width: 1200px){.nav .navFormat a{padding-left:0}}.nav section a{color:var(--text-color);font-weight:500;text-decoration:none;transition:all .23s;margin-left:20px}.nav section a:hover{color:var(--title-color)}@media (max-width: 1200px){.nav{font-size:2vh;height:8vh}}.home{background-color:var(--background2);display:flex;position:relative;min-height:900px}@media (max-width: 1200px){.home{text-align:center;justify-content:center;padding:4rem 0}}.content{display:flex;flex-wrap:wrap;height:35rem;transition:transform .5s ease;padding:5.5rem 0 0}@media (max-width: 1350px){.content{padding:3rem 6rem}}@media (max-width: 1200px){.content{flex-wrap:nowrap;flex-direction:column;padding:3rem 0 0;height:auto;text-align:center}}@media (max-width: 900px){.content{padding:0;gap:0}}.port-main{display:flex;align-items:center;gap:8rem;height:35rem}@media (max-width: 1200px){.port-main{flex-direction:column-reverse;gap:1rem;text-align:center;padding:8vh 0 0}}@media (max-width: 1000px){.port-main{padding:8rem 0 0}}@media (max-width: 600px){.port-main{padding:2rem 0 0;gap:8rem}}@media (max-height: 700px){.port-main{padding:2rem 0 0}}.port-text{display:flex;flex-direction:column;position:relative;font-family:poppins,sans-serif;color:var(--text-color);max-width:773px}.port-text p{max-width:70vw}@media (max-width: 500px){.port-text p{max-width:20rem}}@media (max-height: 750px){.port-text{gap:.8rem}}.sideBar{display:flex;flex-direction:column;position:fixed;left:0;bottom:0;padding:.5rem;align-items:center;z-index:2;transition:transform .23s ease}.sideBar>a:hover{transform:scale(1.2);transition:all .23s}@media (max-width: 1200px){.sideBar{left:-100%!important}}.logo-setting{display:flex;justify-content:space-between;width:40px;height:40px;padding:.5rem .5rem 3rem;transition:transform .23s ease}.logo-setting:hover{transform:scale(1.02)}.logo-size{display:flex;justify-content:flex-end;bottom:0;left:0;width:40rem;height:40rem;padding:.5rem .5rem 3rem}.skills{display:flex;align-items:center;bottom:0;left:0;font-size:1.3rem;font-weight:600;font-family:poppins,sans-serif,bold;color:var(--text-color)}@media (max-width: 600px){.skills{padding:3rem 0 0}}.skills ul{display:flex;flex-wrap:wrap;gap:2rem;list-style:none}@media (max-width: 1200px){.skills ul{justify-content:center;padding:3rem 0 0;position:absolute;max-width:35rem}}@media (max-height: 600px){.skills ul{padding:5rem 0 0}}.skills ul li{cursor:pointer}.skills ul li img{transition:all .3s ease-in-out}.skills ul li img:hover{transform:scale(1.1)}@media (max-width: 1200px){.skills{flex-direction:column;position:static;align-content:center}}.icon-size{height:48px}.selfie{background-position:50%;background-size:cover;border:3px solid var(--border);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;height:332px;width:324px;animation:borderAnimation 8s ease-in-out infinite}@media (max-width: 900px){.selfie{height:300px;width:300px;right:0}}@media (max-width: 600px){.selfie{height:200px;width:200px;top:6rem}}.hamburger-menu{display:none;gap:3rem}.hamburger-hamb,.hamburger-cart{font-size:2.3rem;display:none;cursor:pointer}@media (max-width: 700px){.nav-links{display:none}.hamburger-menu,.hamburger-cart,.hamburger-hamb{display:flex}.cart-div{width:100%}}button{border:none;background-color:transparent}[data-theme=light]{--icon-fill: hsl(210, 10%, 47%);--icon-fill-hover: hsl(210 10% 15%)}[data-theme=dark]{--icon-fill: hsl(210 10% 70%);--icon-fill-hover: hsl(210 15% 90%)}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill-hover)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.titles{display:flex;position:relative;font-size:3.5rem;color:var(--title-color);font-family:poppins,sans-serif;padding-bottom:6vh;overflow:hidden}@media (max-width: 1200px){.titles{justify-content:center}}@media (max-height: 755px){.titles{font-size:2.5rem;padding-bottom:6vw}}.titles span{display:flex;flex-direction:column;position:absolute;opacity:0;animation:animate2 15s linear infinite;text-align:center}@media (max-width: 1300px){.titles span{font-size:3.5vw}}@media (max-width: 600px){.titles span{font-size:3vh;overflow:visible}}.titles div{opacity:0}@keyframes animate2{0%{opacity:0;transform:translateY(-50px)}2%{opacity:1;transform:translateY(0)}18%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(50px)}}.titles span:nth-child(1){animation-delay:0s}.titles span:nth-child(2){animation-delay:3s}.titles span:nth-child(3){animation-delay:6s}.titles span:nth-child(4){animation-delay:9s}.titles span:nth-child(5){animation-delay:12s}.about{padding:8rem 7.8rem 8rem 8rem}.about .about-content{display:flex;gap:5rem}@media (max-width: 1200px){.about .about-content{gap:2rem}}@media (max-height: 800px){.about .about-content{gap:1rem}}.about .img-about{background-size:cover;border:3px solid var(--border2);border-radius:25%;height:425px;width:430px}@media (max-width: 1200px){.about .img-about{height:332px;width:324px}}@media (max-width: 400px){.about .img-about{height:225px;width:225px}}.about .aboutInfo{flex-wrap:wrap}.about .text-about{display:flex;flex-direction:column;font-family:poppins,sans-serif;color:var(--text-color);padding-top:1rem}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:transparent}}.container3{display:flex;margin:0 auto;max-width:70rem;justify-content:center}.text-title{font-size:25px;text-decoration:none;font-family:poppins,sans-serif;color:var(--title-color);padding-top:6rem;overflow:hidden;border-right:.15em solid;white-space:nowrap;margin:0 auto;animation:typing 5.5s steps(80,end),blink-caret .75s step-end infinite}@media (max-width: 1200px){.about{padding:8rem 2rem}.about-content{flex-direction:column;align-items:center}.text-title{padding-top:0;border-right:0;text-align:center}.img-about{margin-bottom:2rem}.text-about{text-align:center}p{padding:0}}@media (max-width: 800px){.about{padding:4rem 1rem}.text-title{padding:none}}@media (max-height: 650px){.container3{display:flex;padding:0 6rem}}.projects{background-color:var(--background2);padding:0 4rem 4rem}@media (max-width: 1200px){.projects{padding:0}}.container2{display:flex;justify-content:center;margin:0 auto;padding:2rem 4rem 0;max-width:87rem}@media (max-width: 1200px){.container2{flex-direction:column;gap:3rem;height:auto;text-align:center;padding:0}}@media (max-height: 600px){.container2{padding:0 4rem}}@media (max-width: 600px){.container2{padding:0}}.project-content{display:flex;flex-wrap:wrap;flex-direction:column}@media (max-width: 1200px){.project-content{padding:3rem 8rem 8rem}.project-content p{justify-content:center}}@media (max-width: 700px){.project-content{padding:3rem 3rem 5rem}}@media (max-width: 500px){.project-content{padding:1rem 1rem 3rem}}.projects-grid{display:grid;grid-gap:5rem;grid-template-columns:1fr;height:auto;width:100%}@media (max-height: 600px){.projects-grid{grid-gap:2rem}}.projects-grid .pro__img{display:flex;border-radius:1.7rem;height:35rem;width:30rem;margin:auto;object-fit:cover;overflow:hidden;background-color:var(--background2);justify-content:space-around;align-items:center;transition:transform .5s ease}.projects-grid .pro__img:hover{transform:scale(1.05)}@media (max-width: 1200px){.projects-grid .pro__img{height:15rem;width:15rem}}.projects-grid .pro_selfie{background-position:50%;background-size:cover;border:3px solid var(--border);border-radius:50%;position:absolute;height:332px;width:324px;animation:borderAnimation 8s ease-in-out infinite}@media (max-width: 1200px){.projects-grid .pro_selfie{height:200px;width:200px}}.projects-grid .pro{display:flex;flex-direction:row;background-color:var(--background2);color:var(--text-color);border-radius:1.7rem;box-shadow:0 0 10px #0000001a;gap:8rem;padding:2rem}.projects-grid .pro__1{flex-direction:row;gap:2rem;padding:2rem;background-color:var(--background);box-shadow:var(--box-shadow)}@media (max-width: 1200px){.projects-grid .pro__1{flex-direction:column}}.projects-grid .pro__2{flex-direction:row-reverse;gap:2rem;padding:2rem;background-color:var(--background);box-shadow:var(--box-shadow)}@media (max-width: 1200px){.projects-grid .pro__2{flex-direction:column}}.projects-grid .pro__text{width:fit-content;max-width:40rem;align-self:center}.projects-grid .pro__text h3{align-items:center;color:var(--text-color);display:flex;font-size:1.7rem;gap:.2rem;justify-content:center;margin-bottom:1rem;position:relative;text-transform:uppercase}@media (max-width: 1200px){.projects-grid .pro__text h3{font-size:1rem}}.projects-grid .pro__text .date-class{color:gray;font-size:1.4rem;margin-left:.2rem}@media (max-width: 1200px){.projects-grid .pro__text .date-class{font-size:1rem}}@media (max-width: 1200px){.projects-grid .pro{flex-direction:column;padding:1rem}}.projects-grid .stack{display:flex;width:200px;box-shadow:0 0 10px #00000017;text-align:center;margin:4rem}.projects-grid .stack__text{display:flex;flex-direction:column;color:var(--text-color)}.projects-grid .description{align-content:center}.projects-grid .desc1,.projects-grid .desc2{font-family:poppins,sans-serif;justify-content:center}.projects-grid .desc1{text-align:center;color:var(--text-color);padding-top:.8rem}@media (max-height: 600px){.projects-grid .desc1{padding:0 2rem}}.projects-grid .desc2{display:flex;flex-direction:row;justify-content:center;text-align:center;color:var(--text-color);font-size:18px;font-weight:600;font-family:poppins,sans-serif;color:var(--title-color)}@keyframes borderAnimation{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.bullets{padding:.5rem 2rem}.portfolio-title{font-family:poppins,sans-serif;color:var(--title-color);font-size:25px;font-weight:600}@media (max-width: 1200px){.portfolio-title{display:flex;align-self:center}}.port-intro{color:var(--text-color)}.links{display:flex;flex-direction:row;justify-content:center}.links h3{color:var(--text-color)}.links p{text-align:center;margin:0;font-size:13px;color:var(--text-color);text-transform:uppercase}.links p:hover{color:var(--title-color);transition:all .23s}.links a{text-decoration:none}.links a:hover .pro-setting{transform:scale(1.2);transition:all .23s}.links .pro-setting{margin:0 35px;width:40px;height:40px;transition:transform .23s ease}.imgLink{width:fit-content;align-self:center}@media (max-width: 1200px){.pro{flex-direction:column}}.contact{padding:0 8rem}@media (max-width: 1200px){.contact{padding:0 2rem;justify-content:center;flex-direction:column}}.cont-content{display:flex;flex-direction:column}@media (max-width: 1200px){.cont-content{align-items:center}}.cont-title p{font-size:25px;font-weight:600;margin-bottom:1rem;color:var(--title-color)}.cont-title h3{color:var(--text-color);font-size:1.5rem}.cont-icon-box{padding-top:.5rem}.cont-icons{display:flex;flex-direction:row;gap:2rem;margin-top:2rem}@media (max-width: 1200px){.cont-icons{flex-direction:column;align-items:center}}@media (max-height: 750px){.cont-icons{gap:1.5rem;margin-top:.5rem}}.cont-icons-box{display:flex;flex-direction:row;align-items:center}.cont-logo-setting{width:40px;height:40px;align-items:center}@media (max-width: 1200px){.cont-logo-setting{width:30px;height:30px}}.cont-info{display:flex;flex-direction:column;gap:.5rem}.portal{justify-content:center;text-decoration:none;color:var(--text-color);padding-top:.5rem;transition:all .23s}.portal:hover{color:var(--title-color)}.containerContact{display:flex;margin:0 auto;padding:5.5rem 0;max-width:70rem}@media (max-width: 1200px){.containerContact{flex-direction:column;gap:3rem;height:auto;text-align:center}}@media (max-height: 750px){.containerContact{padding:3.5rem 0}}.navbar{background-color:var(--background);box-shadow:var(--box-shadow);display:flex;position:fixed;padding:3px 0;top:0;width:100%;z-index:100;height:4rem}.nav-container{display:flex;justify-content:space-between;align-items:center;transition:height .1s linear}.nav-container.cont-sticky{scroll-behavior:smooth}.nav-space{display:flex;margin-left:auto;padding:0 4rem}@media (max-width: 1200px){.nav-space{padding:0 1rem}}@media (max-width: 600px){.nav-space{padding:0 2rem}}.logo-img{height:4rem;align-self:center;padding-left:4rem;cursor:pointer}@media (max-width: 1200px){.logo-img{padding-left:1rem;height:3.5rem}}.nav-links{font-size:1.2rem;display:flex;gap:40px;width:100%;align-items:center;scroll-behavior:smooth}@media (max-width: 600px){.nav-links{display:none}}.nav-links a{color:var(--text-color);font-weight:600;text-decoration:none;transition:all .23s}.nav-links a:hover{color:var(--title-color)}.hamburger-menu{display:none}@media (max-width: 600px){.hamburger-menu{display:flex;gap:3rem}}.hamburger-hamb{display:none;font-size:2.3rem;cursor:pointer;color:var(--text-color)}@media (max-width: 600px){.hamburger-hamb{display:flex}}.mobile-nav-full{background-color:var(--background);z-index:200;position:fixed;top:0;left:0;width:100%;height:100%}.mobile-nav-full.open-flex{display:flex!important;z-index:500}.mobile-nav-full.closed-flex{display:none!important}.x-mobile{font-size:2.5rem;position:absolute;right:3rem;top:3rem;color:var(--text-color);z-index:300}@media (min-width: 600px){.x-mobile{display:none}}.mobile-links{font-size:1.75rem;gap:3rem;align-items:center;position:absolute;top:50%;left:50%;text-transform:capitalize}.mobile-links a{color:var(--text-color);font-weight:600;text-decoration:none;transition:all .23s}.mobile-links a:hover{color:var(--title-color)}