@import"https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap";:root{--soft-bg: #050e0f;--dark-background: #1f2220;--white-gray: #95aca1;--soft-bg: #11161d;--dark-background: rgb(17 22 29);--main-tipo: #00f8a5;--white-gray: #a9adab;--white: #e2e7e4;--border-radius: 4px;--transition: all .25s cubic-bezier(.645,.045,.355,1);--font-mono: "Source Code Pro", monospace;--font-open: Open, Arial, Helvetica, sans-serif;--sm-text: 16px;--md-text: 32px}.phone{background-image:url(https://icongr.am/fontawesome/phone.svg?size=128&color=00f8a5);background-position:center;background-size:cover}.github{background-image:url(https://icongr.am/simple/github.svg?size=128&color=00ff9d&colored=false);background-position:center;background-size:cover}.gmail{background-image:url(https://icongr.am/simple/gmail.svg?size=128&color=00ff9d&colored=false);background-position:center;background-size:cover}.logo-bg-b{background-image:url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30%2015L44%2024.5L30%2034'%20stroke='%2300F8A5'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M18%2015L4%2024.5L18%2034'%20stroke='white'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e");background-position:center;background-size:contain;background-repeat:no-repeat}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;text-align:unset}button::-moz-focus-inner{border:0;padding:0}input,textarea{border:none;background-image:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input:focus,textarea:focus{outline:none!important}*,ol,ul{margin:0;padding:0}li{list-style:none}a{text-decoration:none;color:unset}p{font-size:1em;line-height:1.4em;margin:16px 0}.mark{color:var(--main-tipo);font-size:1em}html{font-family:var(--font-open);color:var(--white);background-color:var(--dark-background);scroll-behavior:smooth}body{min-height:100vh;display:grid;grid-template-rows:1fr auto;grid-template-columns:100%}.main{min-height:100vh}section{padding-top:80px;padding-bottom:80px}@media (max-width: 768px){section{padding-top:60px;padding-bottom:60px}}.simple-container{max-width:1600px;margin:0 auto;padding:0 100px}@media (max-width: 1080px){.simple-container{padding:0 100px}}@media (max-width: 768px){.simple-container{padding:0 24px}}section article h2{position:relative;color:var(--white-gray);margin-bottom:40px;font-size:24px;color:var(--main-tipo);font-family:var(--font-mono);font-weight:400;text-transform:uppercase}@media (max-width: 768px){section article h2{font-size:20px}}.order-2{order:2}.flex-container{display:flex}@media (max-width: 768px){.flex-container{display:block}.order-2{order:1}}.md-text{font-size:var(--md-text)}.title-marked{font-family:var(--font-mono);font-size:40px;line-height:1.4em}.main-color{color:var(--main-tipo)}.black{color:#000}.white{color:#fff}.center{text-align:center}.container--medium{padding:0 20px}@media (min-width: 768px){.container--medium{max-width:800px;margin:0 auto;padding:0}}.btn{display:block;color:var(--main-tipo);background-color:transparent;border:1px solid var(--main-tipo);padding:1.25rem 1.75rem;font-weight:700;font-family:var(--font-mono);font-size:1em;line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;width:100%;text-align:center;text-wrap:nowrap}.disabled{border:1px solid #6c6c6c;color:#9c9c9c;background-color:#2d2d2d;pointer-events:none}@media (min-width: 768px){.btn{width:auto;font-size:18px}}.btn.btn-black{color:#000;border-color:#000}.btn.dark-transparent{background-color:#00000080}.btn:hover{background-color:var(--main-tipo);color:var(--dark-background)}.btn.btn-black:hover{color:var(--main-tipo);background-color:var(--dark-background)}.btns-container{display:flex;justify-content:center}.btns-container>.btn+.btn{margin-left:24px}.btn-icon{display:flex;justify-content:center;align-items:center;min-width:34px;min-height:34px;box-sizing:border-box;border:1px solid transparent;transition:all .3s ease-in-out}.btn-icon span{display:flex;width:24px;height:24px}.btn-icon:hover span{min-width:32px;min-height:32px}.header{position:fixed;top:0;left:0;right:0;z-index:1;padding:16px;background-color:#000000f1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between}.header-logo{display:flex;align-items:center;width:auto}.header-logo span{display:flex;width:36px;height:36px}.header-nav{display:none;font-family:var(--font-mono)}.header-nav-menu--button{display:block}.header-nav-menu--icon{display:block;width:36px;height:36px;position:relative;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%2300f8a5'%3e%3cpath%20d='M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z'/%3e%3c/svg%3e");background-size:contain}.open .header-nav{display:block;position:fixed;top:68px;left:0;right:0;background-color:#000000f1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:0 16px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.open .header-nav .header-nav-list{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:30px;padding:20px 0}.header-nav-list .btn{padding:12px 16px;letter-spacing:1px}.header-nav-list li{padding:0}.header-nav-list li .btn{width:auto}@media (min-width: 768px){.header{display:flex;justify-content:space-between;align-items:center;background-color:#00000080}.header-nav{display:block;width:100%}.header-nav-menu--button{display:none}.header-logo{padding:0 24px}.header-logo span{display:flex;width:50px;height:50px}.open .header-nav{position:static;display:flex;justify-content:flex-end;align-items:center;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:unset;padding:0;top:unset;left:unset;right:unset;height:auto}.header-nav-list li+li{padding-left:24px}.open .header-nav .header-nav-list,.header-nav-list{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0;color:var(--main-tipo)}}.hero{padding:0 100px;min-height:100vh;height:100vh;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;flex-direction:column;align-items:center}@media (max-width: 768px){.hero{padding:0 60px}}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/frontend_developer_remote-DPZGqxwn.png);background-color:#f2f2f2;background-position:center;background-attachment:fixed;background-size:cover;opacity:.6}.hero-title{text-align:center}.hero-title span{display:block;font-size:2em}@media (max-width: 768px){.hero-title span{font-size:1em}}.hero .hero-title--highlight{font-family:var(--font-mono);font-size:1em;color:var(--main-tipo)}.hero-title .hero-title--principal{color:var(--white);opacity:.8}.hero-title .hero-title--sub{color:var(--white);opacity:.65;animation:gradientColor 5s ease infinite;text-align:center}@keyframes gradientColor{0%{color:var(--soft-background)}50%{color:var(--main-tipo)}to{color:var(--soft-background)}}.hero-text{color:var(--white);font-size:1.4em}@media (max-width: 768px){.hero-text{font-size:1em;text-align:center}}.hero .btns-container{margin-top:50px}.about{overflow:hidden;background-color:#fefefe;color:var(--dark-background)}.about h3{margin-bottom:16px;font-family:var(--font-mono);font-size:24px;text-align:center}.about h3>span{display:inline;font-size:40px;line-height:1.4em;color:var(--main-tipo)}.about h3>span:first-child{color:#000}@media (min-width: 768px){.about h3{font-size:var(--md-text);text-align:left}.about h3>span{display:block}.about h3>span:nth-child(2){display:inline-block;padding-left:30px}}.about .flex-container{position:relative;margin-bottom:32px;justify-content:center}.about .flex-container>div{width:auto}@media (min-width: 768px){.about .flex-container{display:flex}.about .flex-container>div{width:480px}}.about .img-container{position:relative;display:inline-block;margin-top:16px;margin-bottom:16px;margin-left:0;text-align:center;width:100%}.about .img-container:before{display:none}.about .img-container img{-webkit-filter:grayscale(100%);filter:grayscale(100%);max-width:300px}@media (min-width: 768px){.about .img-container{margin-left:40px;width:auto}.about .img-container:before{display:inline-block;content:"";position:absolute;inset:0;border:2px solid var(--main-tipo);transform:translate3d(15px,-15px,0)}}.text-block{padding:0;margin:0}.about p{text-align:justify}.about p:last-child{margin-bottom:32px}.about .btn-container{display:flex;justify-content:center}.contact-header h3{text-align:center;font-size:40px;font-weight:700;color:var(--white)}@media (max-width: 768px){.contact-header h3{font-size:24px;margin-bottom:24px}}.validate-send{cursor:pointer;display:flex;align-items:center;gap:10px}.validate-send a{color:var(--main-tipo);text-decoration:underline}.validate-send input[type=checkbox]{border:solid 1px var(--main-tipo);appearance:none;-webkit-appearance:none;display:grid;place-content:center;width:20px;height:20px}.validate-send input[type=checkbox]:before{content:"";width:.65em;height:.65em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--main-tipo)}.validate-send input[type=checkbox]:checked:before{transform:scale(1)}.contact-form--feedback{background-color:var(--main-tipo);color:#000;padding:16px;margin-bottom:10px;font-weight:700;display:none;position:relative}.contact-form--feedback:before{content:"⨉";position:absolute;top:5px;right:5px;font-size:14px;cursor:pointer;color:#fff;background-color:#000;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50px}.contact-form--feedback.active{display:block}.contact-form--feedback.error{color:#fff;background-color:#e04949}.contact-content{display:flex;justify-content:space-between}@media (max-width: 768px){.contact-content{display:block}}.contact-content>div{width:50%;padding:32px}@media (max-width: 768px){.contact-content>div{width:100%;padding:0}}.contact-info--wrapper strong{font-weight:400}.contact-info--wrapper .text-container{text-align:end}@media (max-width: 768px){.contact-info--wrapper .text-container{text-align:center}}.contact-info--wrapper .md-text{font-family:var(--font-mono);color:var(--main-tipo)}@media (max-width: 768px){.contact-info--wrapper .md-text{font-size:24px}}@media (max-width: 768px){.contact-form--wrapper{margin-top:90px}}.contact-form--wrapper .contact-form--submit{display:flex;justify-content:center;margin-top:60px}@media (min-width: 768px){.contact-form--wrapper .contact-form--submit{justify-content:right;margin-top:40px}}.sender-data{display:flex;margin:44px 0 32px}label.input-group{display:block;width:100%;position:relative;margin-bottom:20px;font-family:var(--font-mono);font-size:1.2em}.sender-data label.input-group:last-child{margin-left:16px}.sender-data label.input-group:first-child{margin-right:16px}.input-group input{height:40px;padding:0 8px;border-bottom:1px solid var(--white);display:block;width:100%;box-sizing:border-box;color:#fff}.input-group span{position:absolute;top:-26px;left:10px;font-size:18px}.textarea{display:block;width:100%;padding:8px;border-bottom:1px solid var(--white);box-sizing:border-box;transition:border .2s ease;color:#fff}.textarea:hover,.textarea:focus,.input-group>input:hover,.input-group>input:focus{border-bottom:2px solid var(--main-tipo);background-color:#00000020}.textarea:focus{border-bottom:1px solid var(--main-tipo)}.textarea:hover~span,.textarea:focus~span,.input-group>input:hover~span,.input-group>input:focus~span{color:var(--main-tipo)}.grecaptcha-badge{visibility:hidden}.recaptcha-disclaimer{font-size:14px}.recaptcha-disclaimer a{color:var(--main-tipo);text-decoration:underline}.card-list{display:flex;justify-content:center;flex-wrap:wrap}@media (min-width: 768px){.card-list{justify-content:space-between;flex-wrap:nowrap}}.card{padding:16px;display:flex;flex-direction:column;align-items:center;width:300px}.card .image{margin-bottom:32px;height:84px;width:84px}.card .icon{display:flex;justify-content:center;align-items:center;height:60px;width:40px}.card .icon i{font-size:1.5em;color:var(--main-tipo)}.card .image img{width:100%}.card .text h3{font-family:var(--font-mono);color:var(--main-tipo)}.card .text{font-size:var(--sm-text);text-align:center}.tabs-section--title{display:flex;justify-content:space-between}.tabs-section--title h2{width:50%;position:relative;padding:20px 0;border-top:2px solid var(--white-gray);margin-bottom:40px;color:var(--white-gray);text-transform:uppercase;transition:all .2s ease}@media (min-width: 768px){.tabs-section--title h2{padding:24px;margin-bottom:40px}}@media (max-width: 768px){.tabs-section--title h2{border-top:1px solid white}}.tabs-section--title h2:hover{border-top:2px solid var(--white-gray);color:#fff;cursor:pointer}@media (max-width: 768px){.tabs-section--title h2:hover{border-top:1px solid white}}.tabs-section--title h2:last-child{text-align:end}.tabs-section--title h2.active{color:var(--main-tipo);pointer-events:none}.tabs-section--title h2.active:after{position:absolute;content:"";height:4px;width:100%;top:-3px;left:0;background-color:var(--main-tipo)}@media (max-width: 768px){.tabs-section--title h2.active:after{height:2px;top:-2px;left:0}}.tabs-section--title h2:before{display:none}.tabs--section__content{display:none}.tabs--section__content.active{display:block}.timeline{display:block;margin-bottom:60px}.timeline.reverse div:first-child{text-align:left}.timeline .title h3{color:var(--main-tipo);font-family:var(--font-mono);font-weight:600}.timeline .info .title{position:relative;font-family:var(--font-mono);color:#fff;font-weight:400}.timeline .info .subtitle{position:relative;font-size:14px;font-family:var(--font-mono);color:var(--white-gray);margin-top:8px}@media (min-width: 768px){.timeline{display:flex;justify-content:space-between;margin-bottom:0}.timeline.reverse{flex-direction:row-reverse}.timeline div{width:50%;padding:32px}.timeline div:first-child{text-align:right}.timeline.reverse div:first-child{text-align:left}.timeline .title h3{margin-bottom:8px}.timeline.reverse .info{text-align:right}.timeline .info .title{position:relative;font-family:var(--font-mono);color:var(--main-tipo);font-weight:600}.timeline .info .title:before{position:absolute;content:"";height:48px;border-left:2px solid var(--main-tipo);left:-30px}.timeline.reverse .info .title:before{border:none;position:absolute;content:"";height:60px;border-right:2px solid var(--main-tipo);right:-30px}.timeline:last-child{margin-bottom:12px}}.skills{margin-top:60px}.chip{border:1px solid var(--main-tipo);padding:8px 20px;margin:8px;border-radius:20px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.skills h2{text-align:center;border-top:2px solid var(--main-tipo);padding-top:40px}.skills .mark{font-size:1.2em;font-weight:700;line-height:1em}.skills ul{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;font-size:1em}.aside-wrapper{max-width:1600px;padding:80px 60px;margin:0 auto}.aside-wrapper h2{margin-bottom:60px}.simple-aside--wrapper{position:relative;height:360px;background-image:url(/assets/frontend_developer_team-BX1xI-ri.png);background-position:center;background-size:cover}@media (max-width: 768px){.simple-aside--wrapper{height:220px}}.velo{position:absolute;content:"";inset:0;background-color:var(--dark-background);opacity:.6}.simple-aside--wrapper aside{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;color:#fff;font-size:40px;font-weight:700}@media (max-width: 768px){.simple-aside--wrapper aside{font-size:24px}}.simple-aside--wrapper p span{color:var(--main-tipo)}footer{height:40px;padding:16px;display:flex;justify-content:center;background-color:#000;font-family:var(--font-mono);text-align:center}footer .btn-icon{margin:0 8px}