body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fff;font-family:Poppins,sans-serif;position:relative;-webkit-user-select:none;user-select:none}.container{margin:0 auto;max-width:107rem;padding:0 4rem}*{scrollbar-color:#8e8e8e #fff;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fff;border-radius:20px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#8e8e8e;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#878787}::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}.mobile-menu{cursor:pointer;display:none;font-size:2.3rem}.mobile-menu:hover{color:#147efb;transition:all .3s}@media (max-width:900px){.mobile-menu{display:flex}}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;transition:all .3s ease-in-out;width:100%;z-index:300}.mobile-nav span{cursor:pointer;font-size:3.3rem;position:absolute;right:4rem;top:2rem}.mobile-nav span:hover{color:#147efb;transition:all .3s}.mobile-nav ul{display:flex;flex-direction:column;font-size:2.3rem;gap:4rem;list-style:none}.mobile-nav ul a{color:#000;font-weight:500;text-decoration:none}.mobile-nav ul a:hover{color:#147efb;transition:all .3s}.sticky{height:80px}.header,.sticky{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;font-size:1.7rem;justify-content:space-between;left:0;padding:25px 40px 25px 50px;position:fixed;top:0;transition:.4s;width:100%;z-index:200}.header{box-shadow:0 0 10px rgba(0,0,0,.09);height:60px}@media (max-width:400px){nav{padding:25px 30px}}nav ul{display:flex;gap:2rem;list-style:none}nav ul a{color:#2d2e32;font-weight:600;text-decoration:none;transition:all .23s}@media (max-width:900px){nav ul a{display:none}}nav ul a.is-active,nav ul a:hover{color:#147efb}.logo{color:#2d2e32;cursor:pointer}.hero{background-color:#f9f9f9;display:flex;flex-direction:column;height:100vh;position:relative;width:100%}@media (max-width:900px){.hero{height:auto;padding:11rem 0}}.hero-main{align-items:center;display:flex;gap:10rem;justify-content:center;position:relative}@media (max-width:900px){.hero-main{flex-direction:column-reverse;gap:3rem;height:auto;text-align:center}}.content{align-items:center;display:flex;gap:10rem;height:65rem;justify-content:center;position:relative}@media (max-width:900px){.content{flex-direction:column;gap:3rem;height:auto;text-align:center}}@media (min-width:1600px){.content{margin-top:6rem}}@media (min-width:1900px){.content{margin-top:10rem}}.hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero-text h1{color:#2d2e32;font-size:5.5rem;line-height:1.2;margin-bottom:2rem;margin-top:2rem}@media (max-width:500px){.hero-text h1{font-size:4rem}}.hero-text p{color:#555;font-family:Mulish,sans-serif;font-size:1.8rem;font-weight:500;line-height:1.6;padding-bottom:10px}@media (max-width:900px){.hero-text p{margin-bottom:5rem}}.hero-text span{display:flex;gap:1.3rem}.hero-text span a{color:#2d2e32;cursor:pointer;font-size:3rem}@media (max-width:900px){.hero-text span{gap:1.6rem;justify-content:center;margin-bottom:4rem}}.hero-text span i{transition:all .2s}.hero-text span i:hover{color:#147efb}.hero-text img{height:6rem;position:absolute;right:13rem;top:8.7rem;width:6rem}@media (max-width:900px){.hero-text img{right:3rem}}@media (max-width:500px){.hero-text img{height:4.5rem;right:4rem;top:6.4rem;width:4.5rem}}@media (max-width:400px){.hero-text img{right:3rem}}@media (max-width:380px){.hero-text img{right:3rem}}@media (max-width:375px){.hero-text img{right:1.7rem}}.hero-img{-webkit-animation:morph 8s ease-in-out infinite;animation:morph 8s ease-in-out infinite;background-image:url(/static/media/ultima25.4d58f310b94ca36deb52.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:35rem;position:relative;transition:all 1s ease-in-out;width:35rem}@media (max-width:500px){.hero-img{height:28rem;width:28rem}}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{align-items:center;bottom:0;color:#767676;display:flex;font-size:1.7rem;left:0;position:absolute}@media (max-width:900px){.skills{flex-direction:column;position:static}}.skills p{border-right:2px solid rgba(45,46,50,.5);color:#2d2e32;font-family:Mulish,sans-serif;font-weight:600;margin-right:7rem;padding-right:2rem}@media (max-width:900px){.skills p{border-bottom:2px solid rgba(45,46,50,.5);border-right:none;margin-bottom:3rem;margin-right:0;padding-bottom:1rem;padding-right:0}}.skills ul{display:flex;flex-wrap:wrap;gap:2.5rem;list-style:none}@media (max-width:900px){.skills ul{justify-content:center}}.react-icon{height:3.7rem;width:3.7rem}.skills ul li{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.09);cursor:pointer;display:flex;height:6.5rem;justify-content:center;width:6.5rem}.skills ul li img{height:3.4rem;width:3.4rem}.react-icon{margin-top:.5rem}.about{background-color:#fff;padding:15rem 0}@media (max-width:1020px){.about{padding:8rem 0}}.about-content{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}@media (max-width:1020px){.about-content{grid-template-columns:1fr;text-align:center}}.text-side{padding-right:1.5rem}@media (max-width:1020px){.text-side{margin:0 auto;max-width:54rem}}@media (max-width:400px){.text-side{padding-right:0}}.text-side span{-webkit-text-decoration:underline #147efb;text-decoration:underline #147efb}.text-side h3{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.text-side h4{color:#2d2e32;font-family:Poppins,sans-serif;font-size:2.5rem;line-height:1.4;margin-bottom:2rem}.text-side p{color:#767676;font-family:Mulish,sans-serif;font-size:1.7rem;font-weight:500;line-height:1.5}.img-side{position:relative}.img-side span{background-color:#fff;border-radius:50%;bottom:-33px;height:19rem;position:absolute;right:33px;width:19rem}@media (max-width:1020px){.img-side span{bottom:-3px;height:17rem;right:190px;width:17rem}}@media (max-width:880px){.img-side span{bottom:-3px;right:100px}}@media (max-width:750px){.img-side span{display:none}}.img-side span img{-webkit-animation:rotate 9s linear infinite;animation:rotate 9s linear infinite;width:19rem}@media (max-width:1020px){.img-side span img{width:17rem}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.img-side__main-img{border-radius:1.7rem;height:35rem;width:41rem}@media (max-width:1020px){.img-side__main-img{margin-bottom:3.5rem}}@media (max-width:460px){.img-side__main-img{height:auto;width:90%}}.work-emoji{bottom:35px;position:absolute;right:98px;width:6rem!important;z-index:10}@media (max-width:1020px){.work-emoji{bottom:25px;right:245px}}@media (max-width:880px){.work-emoji{bottom:57px;right:156px}}@media (max-width:750px){.work-emoji{display:none}}.project{background-color:#f9f9f9;padding:15rem 0}@media (max-width:1020px){.project{padding:8rem 0}}.project-content{display:flex;flex-direction:column}@media (max-width:600px){.project-content{text-align:center}}.project-content p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.project-content h3{color:#2d2e32;font-size:2.5rem;margin-bottom:6rem}.projects-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:100%}.projects-grid .pro{background-color:#fff;border-radius:1.7rem;display:flex}.projects-grid .pro__1{flex-direction:row;gap:8rem;height:40rem;padding:2rem}@media (max-width:1020px){.projects-grid .pro__1{flex-direction:column!important;gap:3rem;height:75rem;margin:0 auto;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}}@media (max-width:400px){.projects-grid .pro__1{width:100%}}.projects-grid .pro__img{background-color:hsla(0,0%,46%,.2);border-radius:1.7rem;box-shadow:0 0 10px rgba(0,0,0,.1);height:auto;overflow:hidden;width:53rem}@media (max-width:650px){.projects-grid .pro__img{width:100%}}.projects-grid .pro__img img{height:auto;transition:-webkit-transform 2.5s linear;transition:transform 2.5s linear;transition:transform 2.5s linear,-webkit-transform 2.5s linear;width:100%}.pro__img.hovered img{cursor:pointer;transition:-webkit-transform 6s linear;transition:transform 6s linear;transition:transform 6s linear,-webkit-transform 6s linear}.projects-grid .pro__text{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center;width:30rem}@media (max-width:1020px){.projects-grid .pro__text{margin:0 auto}}@media (max-width:400px){.projects-grid .pro__text{width:100%}}.projects-grid .pro__text img{position:absolute;right:-19px;top:-2px;width:7rem}.projects-grid .pro__text h3{color:#2d2e32;font-size:1.7rem;font-size:2.4rem;margin-bottom:2rem;position:relative;text-transform:uppercase}.projects-grid .pro__text p{color:#767676;font-size:1.7rem;font-weight:500;text-align:center;text-transform:none}.stack{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.stack p{background-color:#fff;color:#000!important;font-family:Mulish,sans-serif!important;font-weight:600!important;padding:1rem 1.3rem}.links{gap:1rem;justify-content:space-evenly;margin-top:3rem}.links,.links a{align-items:center;display:flex}.links a{color:#2d2e32;font-size:1.7rem;font-weight:500;gap:5px;text-decoration:none}.links a i{font-size:2.8rem}.links a .link-icon{font-size:2rem!important}.links a .link-icon-git{font-size:2.3rem!important}.links a img{width:3.5rem}.links a:hover{color:#147efb;transition:all .3s}.reversed-proj{flex-direction:row-reverse!important}@media (max-width:460px){.container{padding:0 1.7rem}}.new-projects{color:#2d2e32;font-size:2.6rem;text-align:center}.contact{background-color:#fff;padding:11rem 0}@media (max-width:1020px){.contact{padding:8rem 0}}.contact__content{display:flex;flex-direction:column}@media (max-width:750px){.contact__title{text-align:center}}.contact__title p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.contact__title h3{color:#2d2e32;font-size:2.5rem}.contact__icons{display:flex;flex-wrap:wrap;gap:8rem;margin-top:6rem}@media (max-width:750px){.contact__icons{flex-direction:column;gap:5rem;justify-content:center;text-align:center}}.contact__icon-box{align-items:center;display:flex;gap:1.5rem}@media (max-width:750px){.contact__icon-box{flex-direction:column}}.contact__icon-box span{background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1);padding:2.3rem}.contact__icon-box span i{color:#147efb;font-size:3rem}.contact__info{display:flex;flex-direction:column;gap:.5rem}.contact__info h3{color:#2d2e32;font-size:1.7rem}.contact__info a,.contact__info p{color:#767676;cursor:pointer;font-size:1.7rem;text-decoration:none}.contact__info a:hover,.contact__info p:hover{color:#147efb;transition:all .3s}footer{background-color:#2d2e32;padding:5rem 0;width:100%}footer h3{color:#fff;font-size:1.7rem}footer p{color:#767676;font-size:1rem}.footerc{align-items:center;display:flex;justify-content:space-between}@media (max-width:550px){.footerc{flex-wrap:wrap;gap:2rem;justify-content:center;text-align:center}}.footerc__socials{display:flex;gap:2rem}.footerc__socials i{color:#fff;font-size:2.3rem}.footerc__socials i:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .2s ease-in-out}.button-cv{align-items:center;background:#147efb;border:none;border-radius:5px;cursor:pointer;display:flex;height:31px;justify-content:center;margin-top:6px;width:102px}.button-cv span{color:#fff;font-size:15px;font-weight:700}.button-cv span:hover{color:#fff}
/*# sourceMappingURL=main.e4125cd2.css.map*/