.ButtonMenu_navIcon__8VLkP{width:35px;height:30px;position:relative;cursor:pointer;display:inline-block;margin-top:6px}.ButtonMenu_navIcon__8VLkP span{background-color:#fff;position:absolute;border-radius:2px;transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:3px;transition-duration:.5s}.ButtonMenu_navIcon__8VLkP span:first-child{top:0;left:0}.ButtonMenu_navIcon__8VLkP span:nth-child(2){top:13px;left:0;opacity:1}.ButtonMenu_navIcon__8VLkP span:nth-child(3){bottom:0;left:0}.ButtonMenu_navIcon__8VLkP:not(.ButtonMenu_open__Y4vla):hover span:first-child{transform:rotate(-3deg) scaleY(1.1)}.ButtonMenu_navIcon__8VLkP:not(.ButtonMenu_open__Y4vla):hover span:nth-child(2){transform:rotate(3deg) scaleY(1.1)}.ButtonMenu_navIcon__8VLkP:not(.ButtonMenu_open__Y4vla):hover span:nth-child(3){transform:rotate(-4deg) scaleY(1.1)}.ButtonMenu_navIcon__8VLkP.ButtonMenu_open__Y4vla span:first-child{transform:rotate(45deg);top:13px}.ButtonMenu_navIcon__8VLkP.ButtonMenu_open__Y4vla span:nth-child(2){opacity:0}.ButtonMenu_navIcon__8VLkP.ButtonMenu_open__Y4vla span:nth-child(3){transform:rotate(-45deg);top:13px}.Header_header__ceAaR{position:fixed;width:100%;min-width:288px;height:60px;z-index:10;border-bottom:1px solid #171c23;background-color:#21272f}.Header_container__hzCrD{display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:60px}.Header_logo__wKR00{width:300px;height:50px;background-image:url(/_next/static/media/logo.0268a78f.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.Header_navbar__UCqUj{display:none;position:absolute;top:60px;left:0;width:100%}.Header_navbar__UCqUj.Header_active__QlWfv{display:block;height:calc(100vh - 60px);animation:Header_showMenu__P_92e .5s ease-in-out}.Header_items__4Q7ew{width:100%}.Header_items__4Q7ew li{display:flex;justify-content:center;align-items:center;width:100%;height:calc((100vh - 60px)/5);transition:all .3s ease;background-color:#21272f}.Header_items__4Q7ew li:hover{cursor:pointer;background-color:#00bd95}.Header_link__qTX6D{font-size:1.8rem;font-weight:500;color:#f5f5f5}@keyframes Header_showMenu__P_92e{0%{opacity:0}to{opacity:1}}.Header_introduce__Hr4Jk{display:flex;align-items:center;min-width:288px;height:100vh;background-color:#21272f}.Header_container__hzCrD{margin-left:auto;margin-right:auto;width:90%}.Header_container__hzCrD img{display:none}.Header_iname__EQH_b{margin-bottom:15px;font-size:4.5rem;font-weight:600;line-height:3rem;color:#f5f5f5}.Header_title__gkBJY{margin-bottom:30px;font-size:2rem;line-height:3rem;font-weight:600;color:#00bd95}.Header_text__3j3Za{margin-bottom:50px;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#f5f5f5}.Header_download__SgQ99{padding:10px 20px;font-size:1.3rem;transition:all .3s;border:1px solid #00bd95;color:#f5f5f5;background-color:#00bd95}.Header_download__SgQ99:hover{border:1px solid #00bd95;color:#00bd95;background-color:#21272f}@media (min-width:1024px){.Header_container__hzCrD{position:relative;margin:0 auto;width:90%;max-width:1024px}.Header_navbar__UCqUj{top:0;left:30%;bottom:0;display:flex;width:70%;max-height:60px}.Header_hamburguer__zkRi_{display:none}.Header_items__4Q7ew,.Header_items__4Q7ew li{display:flex;justify-content:right}.Header_items__4Q7ew li{padding:0;width:150px;height:60px;border-bottom:1px solid #171c23}.Header_link__qTX6D{position:relative;font-size:1.4rem;font-weight:500;transition:all .3s}.Header_link__qTX6D:after{position:absolute;top:calc(100% + 5px);left:0;width:100%;height:2px;content:"";opacity:0;transition:all .3s;background-color:#00bd95}.Header_link__qTX6D:hover,.Header_link__qTX6D:hover:after,.Header_selected__JvIFe:after{opacity:1;color:#00bd95}.Header_items__4Q7ew li:hover{background-color:transparent}.Header_text__3j3Za{padding-right:150px}}.Introduce_introduce__ilDBt{display:flex;align-items:center;min-width:288px;height:100vh;background-color:#21272f}.Introduce_container__4qETB{margin-left:auto;margin-right:auto;width:90%}.Introduce_image___TTCq{display:none}.Introduce_name__FseTv{margin-bottom:15px;font-size:4.5rem;font-weight:600;line-height:3rem;color:#f5f5f5}.Introduce_title__e50ZE{margin-bottom:30px;font-size:2rem;line-height:3rem;font-weight:600;color:#00bd95}.Introduce_text__AyOWg{margin-bottom:50px;font-size:1.2rem;font-weight:400;line-height:1.8rem;color:#f5f5f5}.Introduce_download__bTTx9{padding:10px 20px;font-size:1.3rem;transition:all .3s;border:1px solid #00bd95;color:#f5f5f5;background-color:#00bd95}.Introduce_download__bTTx9:hover{border:1px solid #00bd95;cursor:pointer;color:#00bd95;background-color:#21272f}.Introduce_image___TTCq{max-width:450px;height:auto}@media (min-width:768px){.Introduce_introduce__ilDBt{display:flex;align-items:center;height:100vh}.Introduce_container__4qETB{display:flex;justify-content:space-between;max-width:768px}.Introduce_article__rY6ma{margin-top:50px}.Introduce_text__AyOWg{padding-right:50px}.Introduce_image___TTCq{position:relative;display:block;height:300px;animation:Introduce_up__I5Vkk 3s ease-in-out infinite;animation-direction:alternate}@keyframes Introduce_up__I5Vkk{0%{transform:translateY(0)}to{transform:translateY(20px)}}}@media (min-width:1024px){.Introduce_introduce__ilDBt{height:100vh}.Introduce_container__4qETB{margin:0 auto;max-width:1024px;padding:0}.Introduce_name__FseTv{margin-bottom:20px;font-size:6rem}.Introduce_title__e50ZE{font-size:3.5rem}.Introduce_text__AyOWg{font-size:1.6rem;line-height:2.4rem}.Introduce_image___TTCq{margin-top:-40px;height:400px}}.About_about__DOlOx{display:flex;align-items:center;width:100%;min-width:288px;height:100vh;overflow:hidden;background-color:#171c23}.About_container__fpByA{display:flex;flex-direction:column;justify-content:center;margin:50px auto 0;width:90%}.About_main__contact--title__pR8UJ,.About_title__YrF9m{margin-bottom:40px;font-size:3rem;font-weight:600;line-height:3rem;color:#f5f5f5}.About_title__YrF9m span{color:#00bd95}.About_title__YrF9m span:hover{color:#f5f5f5}.About_paragraph__zzO9N{font-size:1.3rem;line-height:1.8rem;color:#f5f5f5}.About_infoMeTitle__oApap{margin:15px 0 10px;font-size:1.6rem;font-weight:500;color:#00bd95}.About_infoMeUl__E70iG li{margin:0 20px;padding-right:15px;width:100%;list-style:circle;font-size:1.3rem;color:#f5f5f5}@media (min-width:768px){.About_about__DOlOx{display:flex;align-items:center;height:100vh}.About_container__fpByA{max-width:768px}}@media (min-width:1024px){.About_about__DOlOx{display:flex;align-items:center;width:100%;height:100vh}.About_container__fpByA{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1024px;text-align:center}.About_title__YrF9m{margin-top:-100px}.About_paragraph__zzO9N{padding:0 200px;font-size:1.4rem;line-height:2rem;font-weight:400}.About_infoMeTitle__oApap{font-size:1.8rem}.About_infoMeUl__E70iG li{font-size:1.4rem;list-style-position:inside}}.Contact_contact__BCzfa{display:flex;align-items:center;min-width:288px;width:100%;height:100vh;background-color:#21272f}.Contact_container__DNWvl{margin:0 auto;width:90%}.Contact_title__4EilL{margin-bottom:40px;font-size:3rem;font-weight:600;line-height:3rem;color:#f5f5f5}.Contact_title__4EilL span{color:#00bd95}.Contact_title__4EilL span:hover{color:#f5f5f5}.Contact_linksText___nN7I{font-size:1.6rem;font-weight:500;margin-bottom:50px;color:#f5f5f5}.Contact_linksSocialmedia__64il6{display:flex;justify-content:space-around;align-items:center}.Contact_socialmediaItem___WS3h img:hover{filter:invert(43%) sepia(81%) saturate(1012%) hue-rotate(133deg) brightness(99%) contrast(101%)}.Contact_socialGithub__qUDE1{width:50px;animation:Contact_moveShort__Jeld1 5s ease-in-out infinite;animation-direction:alternate}.Contact_socialLinkedin__XdsjD{width:50px;animation:Contact_moveLong__MIoKF 7s ease-in-out infinite;animation-direction:alternate}.Contact_socialEmail__n2VgL{width:50px;animation:Contact_moveShort__Jeld1 6s ease-in-out infinite;animation-direction:alternate}@keyframes Contact_moveShort__Jeld1{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes Contact_moveLong__MIoKF{0%{transform:translateY(0)}to{transform:translateY(20px)}}@media (min-width:768px){.Contact_container__DNWvl{margin:0 auto;max-width:768px;width:90%}.Contact_linksSocialmedia__64il6{justify-content:center}.Contact_socialmediaItem___WS3h{margin:0 50px}.Contact_socialmediaItem___WS3h img{width:65px}}@media (min-width:1024px){.Contact_container__DNWvl{margin:0 auto;max-width:1024px;width:90%}.Contact_linksText___nN7I,.Contact_title__4EilL{text-align:center}}.Stack_stack__z8_cp{display:flex;align-items:center;min-width:288px;width:100%;height:100%;background-color:#21272f}.Stack_container__ohJeC{margin:0 auto;padding:100px 0;width:90%}.Stack_title__Wg7k_{margin-bottom:40px;font-size:3rem;font-weight:600;line-height:3rem;color:#f5f5f5}.Stack_title__Wg7k_ span{color:#00bd95}.Stack_title__Wg7k_ span:hover{color:#f5f5f5}.Stack_technologies__0ZB69{display:flex;flex-wrap:wrap;justify-content:center}.Stack_technologiesList__6kpLY{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}.Stack_technologiesList__6kpLY img{width:75px;height:75px}.Stack_iconWebpack__9wOKY{padding:5px}.Stack_iconOfReact__LzBj6{animation:Stack_rotating__MTA7N 15s linear infinite}.Stack_technologiesList__6kpLY img:hover{filter:invert(43%) sepia(81%) saturate(1012%) hue-rotate(133deg) brightness(99%) contrast(101%)}.Stack_technologiesList__6kpLY h3{margin-top:10px;font-size:1.3rem;font-weight:500;transition:all .3s;color:#f5f5f5}.Stack_technologiesList__6kpLY h3:hover{transform:scale(1.2);color:#00bd95}@keyframes Stack_rotating__MTA7N{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.Stack_container__ohJeC{display:flex;flex-wrap:wrap;align-items:center;max-width:768px}.Stack_technologies__0ZB69{width:60%}.Stack_technologiesList__6kpLY{padding:20px;width:33.3333%}.Stack_subContainer__s14rv{display:flex;justify-content:space-around;align-items:center}}@media (min-width:1024px){.Stack_container__ohJeC{max-width:1024px}.Stack_technologiesList__6kpLY{padding:20px;width:calc(100% / 3)}.Stack_technologiesList__6kpLY img{width:100px;height:100px}.Stack_technologiesList__6kpLY h3{font-size:1.6rem;font-weight:400}.Stack_title__Wg7k_{width:100%;text-align:center}}.Projects_projects__XsTeV{display:flex;align-items:center;min-width:288px;width:100%;height:auto;background-color:#171c23}.Projects_container__d16j_{display:flex;flex-direction:column;margin:60px auto 0;width:90%}.Projects_card__jZUzW{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.Projects_title__1BrK4{margin-top:50px;margin-bottom:40px;font-size:3rem;font-weight:600;line-height:3rem;color:#f5f5f5}.Projects_title__1BrK4 span{color:#00bd95}.Projects_title__1BrK4 span:hover{color:#f5f5f5}.Projects_cardTitle__cIFjs{margin-bottom:20px;font-size:2rem;font-weight:500;color:#00bd95}.Projects_cardParagraph__sG0Q8{display:flex;align-items:center;padding:10px 30px;height:100%;font-size:1.6rem;font-weight:400;text-align:center;transition:all .3s;opacity:0;color:#f5f5f5}.Projects_cardItem__vpGMR{height:300px;background-repeat:no-repeat;background-size:cover;background-position:50%}.Projects_cardItem1__6SKaV{background-image:url(/_next/static/media/portfolio-cover.1fcc6371.png)}.Projects_cardItem2__WEiDf{background-image:url(/_next/static/media/landing-restaurant-cover.8a4097a0.png)}.Projects_cardItem3__YcWM_{background-image:url(/_next/static/media/jhonrios-nexus-restaurant.netlify.app_.e9422041.png)}.Projects_cardItem4__5EBeW{background-image:url(/_next/static/media/simple-blog-api-cover.cd60c12e.png)}.Projects_cardItem5__BgdTd{background-image:url(/_next/static/media/landing-agency-cover.97e222f8.png)}.Projects_cardItem6__FkTZf{background-image:url(/_next/static/media/foxes-random-app.netlify.app_.56d8aff7.png)}.Projects_cardItem7__NnQbk{background-image:url(/_next/static/media/todo-panel.netlify.app_.ad85ab91.png)}.Projects_cardItem8__fq1HV{background-image:url(/_next/static/media/jhonrios-clima-app.netlify.app_.39794273.png)}.Projects_cardItem9__0RpS9{background-image:url(/_next/static/media/jhonrios-tesla-landing.netlify.app_.228fe903.png)}.Projects_card__jZUzW article:hover .Projects_cardParagraph__sG0Q8{opacity:1;background-color:rgba(0,0,0,.75)}.Projects_cardList__TIGiI{display:flex;flex-direction:row;justify-content:right;width:100%;height:auto}.Projects_cardLink__WBYaI{position:relative;display:flex;justify-content:center;margin-top:10px;padding:0 15px;width:75px;color:#f5f5f5}.Projects_cardLink__WBYaI img:hover{filter:invert(43%) sepia(81%) saturate(1012%) hue-rotate(133deg) brightness(99%) contrast(101%)}.Projects_cardTextLink__4wgia{position:absolute;top:35px;width:100%;font-size:1.2rem;text-align:center;transition:all .3s;opacity:0;color:#f5f5f5}.Projects_cardLink__WBYaI:hover .Projects_cardTextLink__4wgia{opacity:1}@media (min-width:1024px){.Projects_container__d16j_{display:flex;flex-direction:row;justify-content:left;flex-wrap:wrap;max-width:1024px}.Projects_title__1BrK4{margin-bottom:75px;width:100%;text-align:center}.Projects_card__jZUzW{padding:0 20px 20px;max-width:33.3333%}}