:root{--light:#feffff;--between:#2b7a78;--dark:#17252a;--titleSize:clamp(1.9rem,6vw,2.5rem)}#iconLight{color:#feffff;color:var(--light)}#iconDark{color:#0a1013}strong{font-weight:530}*{padding:0;margin:0;box-sizing:border-box;font-family:"Poppins",sans-serif}:root{scrollbar-color:#c8c8c8 #313131!important;scrollbar-width:thin!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#313131}::-webkit-scrollbar-thumb{background:#c8c8c8}::-webkit-scrollbar-thumb:hover{background:#eee}.App{min-height:100vh;color:#17252a;color:var(--dark)}.App .bg{background:#17252a;background:var(--dark);z-index:-2}.App .bg,.App .bg2{width:100vw;height:100vh;position:fixed;top:0;left:0}.App .bg2{background:rgba(0,0,0,.74);z-index:-1}body{background:#181818;-webkit-animation:loaded 1s 1;animation:loaded 1s 1}@-webkit-keyframes loaded{0%{opacity:0}to{opacity:1}}@keyframes loaded{0%{opacity:0}to{opacity:1}}.about{min-height:90vh;background:#feffff;background:var(--light);-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;overflow-x:hidden}.about,.about .about-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem}.about .about-container{width:calc(70vw + 7rem)}.about .about-container .top{min-height:40vh;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1.4fr;grid-template-columns:1fr 1.4fr;grid-template-areas:"illus desc";grid-gap:4rem;gap:4rem}@media screen and (max-width:940px){.about .about-container .top{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;grid-template-areas:"desc" "illus";grid-gap:1rem;gap:1rem}.about .about-container .top .text{padding:0 1rem}}.about .about-container .top .about-illustration{-ms-grid-row:1;-ms-grid-column:1;grid-area:illus;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about .about-container .top .about-illustration svg{width:90%;height:90%;margin:auto}.about .about-container .top .text{-ms-grid-row:1;-ms-grid-column:2;grid-area:desc;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;line-height:27px}.about .about-container .top .text p{margin:1rem 0;padding:0 .3rem;font-size:clamp(1.1rem,1vw,2rem)}.about .about-container .bottom .langs h2{padding:0 1rem 1.5rem;text-align:center;color:#2b7a78;color:var(--between)}.about .about-container .bottom .langs ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;grid-gap:4rem;gap:4rem;font-size:1.1rem}.about .about-container .bottom .langs ul i{font-size:1.7rem}@media only screen and (max-width:500px){.about .about-container .bottom .langs ul{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:2rem;gap:2rem;padding:2rem 4rem 0}}.about .about-container .bottom .langs ul .lang{grid-gap:.5rem;gap:.5rem}.about .about-container .bottom .langs ul .lang,.cv{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.cv{min-height:90vh;background:#feffff;background:var(--light);grid-gap:5rem;gap:5rem}.cv h1{font-size:clamp(1.9rem,6vw,2.5rem);font-size:var(--titleSize)}.cv .cv-container{width:calc(70vw + 3.5rem);display:-ms-grid;display:grid;-ms-grid-columns:1.5fr 1fr;grid-template-columns:1.5fr 1fr;grid-template-areas:"text svg";grid-gap:3rem;gap:3rem}@media screen and (max-width:940px){.cv .cv-container{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;grid-template-areas:"text" "svg";grid-gap:0;gap:0}}.cv .cv-container .text{-ms-grid-row:1;-ms-grid-column:1;grid-area:text;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.cv .cv-container .text div{text-align:center}.cv .cv-container .text div h3{margin:0 0 2rem}.cv .cv-container .text div button{cursor:pointer;font-size:clamp(1rem,4vw,1.3rem);background:#2b7a78;background:var(--between);color:#fff;border:2px solid #2b7a78;border:2px solid var(--between);padding:.8rem 1.3rem;position:relative;z-index:1;overflow:hidden}.cv .cv-container .text div button:hover{color:#2b7a78;color:var(--between)}.cv .cv-container .text div button:hover:after{transition:all .3s ease-out;-webkit-transform:skewX(-45deg) scale(1);transform:skewX(-45deg) scale(1)}.cv .cv-container .text div button:after{content:"";background:#ecf0f1;position:absolute;z-index:-1;padding:1rem 1.5rem;display:block;transition:all .3s ease;left:-25%;right:-25%;top:0;bottom:0;-webkit-transform:skewX(-45deg) scaleX(0);transform:skewX(-45deg) scaleX(0)}.cv .cv-container .cv-illustration{height:calc(50vh + 3.5rem);-ms-grid-row:1;-ms-grid-column:2;grid-area:svg;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:2rem 0 0}.cv .cv-container .cv-illustration svg{object-fit:contain;width:100%}.home{min-height:89vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#feffff;color:var(--light)}.home .home-content{padding:0 0 20vh}.home .home-content h1{font-size:clamp(2rem,7vw,3.5rem)}.home .home-content h3{font-size:clamp(1.3rem,6vw,2.3rem);margin:.5rem 0 1.5rem}.home .home-content .home-btn button{cursor:pointer;font-size:clamp(1rem,4vw,1.3rem);background:#2b7a78;background:var(--between);color:#fff;border:2px solid #2b7a78;border:2px solid var(--between);padding:.8rem 1.3rem;position:relative;z-index:1;overflow:hidden}.home .home-content .home-btn button:hover{color:#2b7a78;color:var(--between)}.home .home-content .home-btn button:hover:after{transition:all .3s ease-out;-webkit-transform:skewX(-45deg) scale(1);transform:skewX(-45deg) scale(1)}.home .home-content .home-btn button:after{content:"";background:#ecf0f1;position:absolute;z-index:-1;padding:1rem 1.5rem;display:block;transition:all .3s ease;left:-20%;right:-20%;top:0;bottom:0;-webkit-transform:skewX(-45deg) scaleX(0);transform:skewX(-45deg) scaleX(0)}.icons{font-size:1.25rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;grid-gap:15px;gap:15px;position:fixed;left:13px;bottom:7px;z-index:3}.icons i{cursor:pointer}@media only screen and (max-width:940px){.icons{display:none}}.nav{transition:all .3s ease;height:11vh;display:-ms-grid;display:grid;-ms-grid-columns:5% auto auto 5%;grid-template-columns:5% auto auto 5%;grid-template-areas:". logo links .";-webkit-align-items:center;align-items:center;box-shadow:0 3px 6px -2px #17252a;box-shadow:0 3px 6px -2px var(--dark);position:-webkit-sticky;position:sticky;top:0;z-index:4;color:#feffff;color:var(--light)}@media only screen and (max-width:768px){.nav{-ms-grid-columns:1em auto 1fr auto 1em;grid-template-columns:1em auto 1fr auto 1em;grid-template-areas:". logo . menu-icon ."}}.nav .logo{cursor:pointer;-ms-grid-row:1;-ms-grid-column:2;grid-area:logo;font-size:clamp(2.3rem,5vw,3rem)}.nav .nav-menu{-ms-grid-row:1;-ms-grid-column:3;grid-area:links;list-style:none;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;grid-gap:25px;gap:25px;position:relative}.nav .nav-menu,.nav .nav-menu .nav-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:100%}.nav .nav-menu .nav-link{cursor:pointer;font-size:clamp(1rem,2vw,1.1rem);transition:border-bottom .1s ease-in-out}.nav .nav-menu .nav-link:hover{transition:border-bottom .1s ease-in-out;border-bottom:3px solid #eee}@media only screen and (max-width:768px){.nav .nav-menu{opacity:0;height:70vh;width:100vw;top:0;position:fixed;-webkit-flex-direction:column;flex-direction:column;grid-gap:0;gap:0;padding:100px 0;left:-1000px;background-color:#17252a;background-color:var(--dark);transition:all .2s ease-in-out}.nav .nav-menu,.nav .nav-menu .nav-link{-webkit-justify-content:center;justify-content:center}.nav .nav-menu .nav-link{display:-webkit-flex;display:flex;font-size:1.3rem}.nav .nav-menu .nav-link:hover{border:none}}.nav .active{opacity:1;left:0;transition:left .2s ease-in-out}.nav .menu-icon{cursor:pointer;z-index:5;display:none;font-size:30px;grid-area:menu-icon}@media only screen and (max-width:768px){.nav .menu-icon{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}}.projects{min-height:90vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background-color:#feffff;background-color:var(--light)}.projects h1{font-size:clamp(1.9rem,6vw,2.5rem);font-size:var(--titleSize);margin:5rem 0}.projects .h1Anim{-webkit-animation:h1Anim 1s .75;animation:h1Anim 1s .75}@-webkit-keyframes h1Anim{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes h1Anim{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.projects .projects-container{background-color:#feffff;background-color:var(--light);min-height:70vh;width:calc(70vw + 3.5rem);overflow-x:hidden}.projects .projects-container .project{display:-ms-grid;display:grid;-ms-grid-rows:1fr 10vh;grid-template-rows:1fr 10vh;grid-template-areas:"pTop" "pBottom"}.projects .projects-container .project .top{-ms-grid-row:1;-ms-grid-column:1;grid-area:pTop;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1.2fr;grid-template-columns:1fr 1.2fr;grid-template-areas:"pImg text"}@media screen and (max-width:940px){.projects .projects-container .project .top{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;grid-template-areas:"text" "pImg"}.projects .projects-container .project .top .text{text-align:justify}}.projects .projects-container .project .top .p-thumbnail{-ms-grid-row:1;-ms-grid-column:2;grid-area:pImg}.projects .projects-container .project .top .p-thumbnail img{object-fit:contain;height:100%;width:100%;cursor:pointer}.projects .projects-container .project .top .textarea{-ms-grid-row:1;-ms-grid-column:1;grid-area:text;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:1rem 0;margin:0 0 0 5rem}@media screen and (max-width:940px){.projects .projects-container .project .top .textarea{margin:auto;width:100%}.projects .projects-container .project .top .textarea .text{width:100%}}.projects .projects-container .project .top .textarea .title{font-size:1.7rem;color:#2b7a78;color:var(--between)}.projects .projects-container .project .top .textarea .text{width:90%;padding:1rem 0;line-height:25px}.projects .projects-container .project .top .textarea .built-in{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 0;font-weight:700;font-size:1.2rem}.projects .projects-container .project .top .textarea .built-in p{color:#2b7a78;color:var(--between)}.projects .projects-container .project .top .textarea .textarea-icons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;grid-gap:1rem;gap:1rem;font-size:1.6rem}.projects .projects-container .project .top .textarea .textarea-icons a{color:#17252a;color:var(--dark)}.projects .projects-container .project .top .textarea .textarea-icons i{cursor:pointer}.projects .projects-container .project .bottom{-ms-grid-row:2;-ms-grid-column:1;grid-area:pBottom;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.projects .projects-container .project .bottom .line-hor{background:#2b7a78;background:var(--between);height:1px;width:90%}.projects .projects-container .project:nth-child(2n) .top{display:-ms-grid;display:grid;-ms-grid-columns:1.2fr 1fr;grid-template-columns:1.2fr 1fr;grid-template-areas:"text pImg"}.projects .projects-container .project:nth-child(2n) .top .text{width:90%}.projects .projects-container .project:nth-child(2n) .top .textarea{margin:0 5rem 0 0}@media screen and (max-width:940px){.projects .projects-container .project:nth-child(2n) .top .textarea{margin:auto;width:100%}.projects .projects-container .project:nth-child(2n) .top .textarea .text{width:100%}}@media screen and (max-width:940px){.projects .projects-container .project:nth-child(2n) .top{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;grid-template-areas:"text" "pImg"}}.projects .full-screen-image{background-color:rgba(23,37,42,.7843137254901961);position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;z-index:40;display:-ms-grid;display:grid;-ms-grid-rows:8% 72% 20%;grid-template-rows:8% 72% 20%}.projects .full-screen-image .exit{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1rem 2rem 0 0;-webkit-align-items:flex-start;align-items:flex-start;color:#f1f1f1;font-size:2rem}.projects .full-screen-image .exit i{cursor:pointer}.projects .full-screen-image .f-img{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;grid-gap:2rem;gap:2rem;background:#000;margin:auto;height:clamp(22rem,45vw,33rem)}.projects .full-screen-image .f-img img{border-radius:3px;height:100%;width:auto}@media only screen and (max-width:560px){.projects .full-screen-image .f-img{display:none}}.projects .full-screen-image .scroll-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;grid-gap:1.4rem;gap:1.4rem;padding:0 2rem;width:100vw}@media only screen and (max-width:560px){.projects .full-screen-image .scroll-container{position:relative;top:50%;-webkit-transform:translateY(-40%);transform:translateY(-40%)}}.projects .full-screen-image .scroll-container img{height:clamp(3rem,14vw,6rem);width:auto;cursor:pointer;transition:all .2s;margin:0 0 1rem;z-index:101}.projects .full-screen-image .scroll-container img:hover{transition:all .2s;-webkit-transform:scale(1.15);transform:scale(1.15)}@media only screen and (max-width:560px){.projects .full-screen-image .scroll-container img{height:50vh}.projects .full-screen-image .scroll-container img:hover{-webkit-transform:none;transform:none}}@media only screen and (max-width:560px){.projects .full-screen-image .scroll-container{-webkit-justify-content:flex-start;justify-content:flex-start}}.contact{min-height:90vh;background-color:#feffff;background-color:var(--light);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;grid-gap:5rem;gap:5rem;position:relative}@media only screen and (max-width:940px){.contact{padding:5rem 0 0}}.contact form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;width:calc(40vw + 3.5rem);min-height:50vh;grid-gap:1rem;gap:1rem}@media only screen and (max-width:1050px){.contact form{width:calc(80vw + 3.5rem)}}.contact form input,.contact form textarea{width:80%;height:5vh;border-radius:5px;outline:none;border:none;box-shadow:0 0 0 1px #2b7a78;box-shadow:0 0 0 1px var(--between);padding:.5rem}.contact form input:focus,.contact form textarea:focus{box-shadow:0 0 0 2px #2b7a78;box-shadow:0 0 0 2px var(--between)}.contact form textarea{resize:none;min-height:20vh;line-height:25px}.contact form button{cursor:pointer;font-size:clamp(1rem,4vw,1.3rem);background:#2b7a78;background:var(--between);color:#fff;border:2px solid #2b7a78;border:2px solid var(--between);padding:.8rem 1.3rem;position:relative;z-index:1;overflow:hidden}.contact form button:hover{color:#2b7a78;color:var(--between)}.contact form button:hover:after{transition:all .3s ease-out;-webkit-transform:skewX(-45deg) scale(1);transform:skewX(-45deg) scale(1)}.contact form button:after{content:"";background:#ecf0f1;position:absolute;z-index:-1;padding:1rem 1.5rem;display:block;transition:all .3s ease;left:-30%;right:-30%;top:0;bottom:0;-webkit-transform:skewX(-45deg) scaleX(0);transform:skewX(-45deg) scaleX(0)}.contact .c-icons{position:static;margin:0 auto 0 0;padding:0 0 0 10px;display:none}.contact .c-icons a{color:#17252a;color:var(--dark)}@media only screen and (max-width:940px){.contact .c-icons{display:-webkit-flex;display:flex}}
/*# sourceMappingURL=main.a1ff5882.chunk.css.map */