@keyframes slideIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}*{outline:none;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}@media only screen and (min-width: 600px){html{font-size:130%}}@media only screen and (min-width: 1024px){html{font-size:100%}}@media only screen and (min-width: 1600px){html{font-size:120%}}@media only screen and (min-width: 2200px) and (min-height: 1200px){html{font-size:150%}}@media only screen and (min-height: 2000px){html{font-size:250%}}ul,li{list-style:none}a{color:#fff;text-decoration:none}img{display:block}.hidden-visually{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;width:1px;height:1px;white-space:nowrap}@font-face{font-family:'Icomoon';src:url("../fonts/icomoon.woff") format("woff");font-weight:normal;font-style:normal;font-display:block}[class^='icon-'],[class*=' icon-']{font-family:'Icomoon';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}@font-face{font-family:'Varela Round';src:url("../fonts/VarelaRound-Regular.woff") format("woff");font-display:swap}@font-face{font-family:'Varta Regular';src:url("../fonts/Varta-Regular.woff") format("woff");font-display:swap}html,.service,.role,.project-title{font-family:'Varela Round', Arial, Helvetica, sans-serif}input,select,textarea,button{color:inherit;font-family:inherit;font-size:inherit;text-align:center}h1{font-size:2rem}h2{display:inline-block;margin-bottom:2rem;font-size:1.3rem}h3{margin:1rem 0;font-size:1rem}p{font-family:'Varta Regular', Arial, Helvetica, sans-serif;font-size:1.1rem;line-height:1.5}html,body{scrollbar-color:#e43131 #040e14}body::-webkit-scrollbar{width:17px}body::-webkit-scrollbar-track{background:#040e14}body::-webkit-scrollbar-thumb{background-color:#e43131}@media only screen and (min-width: 1024px){.section-container{max-width:55rem;margin:auto}}header .section-container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}#contact-icons .section-container{display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}#profile .section-container{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}@media only screen and (min-width: 1024px){#services .section-container{display:flex;flex-flow:row wrap}#services .section-container h2{flex:0 0 100%}#services .section-container .info-box{flex:0 0 49.15%}#services .section-container .info-box:nth-child(even){margin-right:0.9rem}}header{z-index:100;position:sticky;top:0;box-shadow:5px 5px 30px #040e14;background-color:#e43131;color:#fff;padding:1rem}.logo-img{width:2.3rem;height:100%}@media only screen and (min-width: 1024px){.logo-img{width:3rem;margin-right:1rem}}.primary-heading:hover,.primary-heading:focus{color:#040e14;font-weight:700;transform:scale(1.1);transition:color, transform 500ms}#header-box{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}#showcase{width:auto;height:calc(100vh - 10.2rem);background:url(../img/showcase-mobile.svg) no-repeat center center/cover;animation:bg-image 4000ms forwards}@media only screen and (min-width: 768px){#showcase{background:url(../img/showcase-tablet.svg) no-repeat center center/cover}}@media only screen and (min-width: 1024px){#showcase{height:calc(100vh - 10.8rem);background:url(../img/showcase-desktop.svg) no-repeat center center/cover}}@keyframes bg-image{0%{opacity:0}100%{opacity:1}}#intro{padding:1.2rem 1rem 1rem 1rem;background-color:#040e14;color:#fff;text-align:justify}.cardinal-number{border:1px solid #fff;box-shadow:0 0 0 5px #e43131;display:inline-block;margin:0 1rem 0 0.2rem;padding:0.5rem 0.9rem;background-color:#e43131}@media only screen and (min-width: 1024px){#metrics{display:flex;flex-flow:row wrap}#metrics .info-box:nth-of-type(1),#metrics .info-box:nth-of-type(2){flex:0 0 49.15%}#metrics .info-box:nth-of-type(1){margin-right:0.9rem}#metrics .info-box:nth-of-type(2){margin-top:1rem}}.years,.projects,.clients{color:#e43131}#profile{padding:1.2rem 1rem 1rem 1rem;color:#fff}#profile h2{align-self:flex-start;color:#040e14}#profile .cardinal-number{color:#fff}.profile-box,.downloader{border:1px solid #fff;box-shadow:0 0 0 5px #e43131;width:8.5rem;padding:0.5rem 0;background-color:#e43131;color:#fff;font-size:1.2rem;text-align:center}.downloader{margin-top:2rem}.downloader:hover,.downloader:focus{background:#fff;color:#e43131;transition:all 400ms}.profile-box::after{z-index:-1;content:'';position:absolute;left:50%;width:0.125rem;margin-top:2rem;background:#e43131}.profile-box:nth-of-type(1)::after{height:40rem}.profile-box:nth-of-type(2){margin-top:2rem}.profile-box:nth-of-type(2)::after{height:25.2rem}@media only screen and (min-width: 1082px){.profile-box:nth-of-type(2)::after{height:20rem}}.container{display:flex;flex-flow:row nowrap}.period{position:relative;width:8rem;height:1.9rem;margin:2rem 0.5rem 0 0;padding:0.5rem;background-color:#040e14;font-size:0.9rem;text-align:center}.period::before,.period::after{content:'';position:absolute;border-style:solid;border-color:transparent #000}.period::before{border-width:0.5rem 0 0.5rem 1.125rem;top:0.5rem;right:-0.625rem}.period::after{border-width:0.3125rem 0 0.3125rem 0.9375rem;top:0.8rem;right:-0.1875rem}.wrapper{width:9.4rem}@media only screen and (min-width: 1082px){.wrapper{width:auto}}.role{position:relative;margin:2.3125rem 0 0 1.75rem;color:#e43131}.role::before{position:absolute;top:30%;left:-1.5rem;content:'';width:0.5rem;height:0.5rem;background:#e43131}.first-role{margin-top:1.8125rem}@media only screen and (min-width: 1082px){.first-role{margin-top:2.3rem}}.place{margin-left:1.75rem;color:#040e14;font-size:1rem}@media only screen and (min-width: 1082px){#experience{margin-left:8rem}}@media only screen and (min-width: 1082px){#education{margin-left:16.15rem}}#skills{padding:1.2rem 1rem 1rem 1rem;background-color:#040e14;color:#fff;text-align:justify}#services{padding:1.2rem 1rem 1rem 1rem}#services h2{color:#040e14}#services .cardinal-number{color:#fff}.icon-clipboard-edit:before{content:'\e900'}.icon-brush:before{content:'\e901'}.icon-mobile:before{content:'\e958'}.icon-embed2:before{content:'\ea80'}.icon-touch-app:before{content:'\e903'}#clients{padding:2rem 1rem}#clients .cardinal-number{color:#fff}.client-link:not(:last-of-type)>.client-logo{margin-bottom:3rem}.client-link:focus>.client-logo{transform:scale(1.08);transition:transform 400ms}.client-logo{width:100%}.client-logo:hover{transform:scale(1.08);transition:transform 400ms}@media only screen and (min-width: 600px){.client-logo{width:70%;margin:0 auto}}#portfolio{padding:1.2rem 1rem 1rem 1rem}#portfolio .cardinal-number{color:#fff}#contact{padding:1.2rem 1rem 1rem 1rem;background-color:#040e14;color:#fff}#contact-box{display:flex;justify-content:center;align-items:center}#footer{border-top:1px solid #e43131;padding:1.4rem 0 1rem;background:#fff;font-size:1rem;font-weight:600;text-align:center}#footer p{color:#040e14}.hamburger{position:relative;width:1.8rem;height:1.3rem;color:#fff;transform:rotate(0deg);transition:0.5s ease-in-out}.hamburger span{position:absolute;left:0;display:block;opacity:1;width:100%;height:5px;background:#fff;transform:rotate(0deg);transition:0.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:0.55rem}.hamburger span:nth-child(4){top:1.1rem}.hamburger.open span:nth-child(1){top:9px;top:0.55rem;width:0%;left:50%}.hamburger.open span:nth-child(2){transform:rotate(45deg)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)}.hamburger.open span:nth-child(4){top:1.1rem;width:0%;left:50%}@media only screen and (min-width: 1024px){.hamburger{display:none}}.menu{display:none;position:fixed;left:0;width:100%;background-color:#e43131;text-align:center}@media only screen and (min-width: 1024px){.menu{display:flex;flex-flow:row nowrap;position:initial;top:initial;width:initial;height:initial}}@media only screen and (min-width: 1024px){.menu-item{border:none}.menu-item:not(:last-child){margin-right:1rem}}.menu-link{display:block;width:10rem;padding:0.9rem 0;font-size:1.2rem;font-weight:700}.menu-link:hover,.menu-link:focus{color:#040e14;font-weight:700;transform:scale(1.1);transition:color, transform 500ms}@media only screen and (min-width: 600px){.menu-link{font-size:1.5rem}}@media only screen and (min-width: 1024px){.menu-link{width:initial;font-size:1rem;font-weight:initial}}#contact-icons{padding:1.85rem 1rem}.connect-icon{color:#e43131;font-size:2rem}.connect-icon:hover,.connect:focus>i{display:block;transform:scale(1.3) rotate(360deg);transition:transform 500ms}.icon-linkedin:before{content:'\eac9'}.icon-github:before{content:'\eab0'}.icon-phone:before{content:'\e942'}.icon-whatsapp:before{content:'\ea93'}.info-box{outline:1px solid #fff;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:fit-content;min-height:40vh;margin-bottom:1rem;padding:1rem;font-size:1.5rem;text-align:center}@media only screen and (min-width: 600px){.info-box{min-height:30vh}}#intro .description{color:#e43131}#intro .info-box:first-of-type{margin-top:1rem}#services .info-box{outline:1px solid #040e14;color:#e43131}.service{font-size:1.5rem;font-weight:600}@media only screen and (min-width: 600px){.service{font-size:2rem}}.info-box-icon{font-size:1.5rem}.description{margin-top:1rem;color:#040e14}@media only screen and (min-width: 600px){.description{font-size:1.3rem}}.slope{clip-path:polygon(0 0, 0% 100%, 100% 0);width:100%;height:5rem;margin-top:-1px;background-color:#040e14}.secondary-slope{clip-path:polygon(100% 0, 0% 100%, 100% 100%);margin:0 0 -1px}@media only screen and (min-width: 1024px){.break-slope-primary,.break-slope-secondary{height:10rem}}.break-slope-secondary{transform:rotate(180deg)}#meter-bars{margin-top:2rem}@media only screen and (min-width: 1024px){#meter-bars{display:flex;flex-flow:row wrap}}.bar-wrapper:not(:last-of-type){margin-bottom:0.5rem}@media only screen and (min-width: 1024px){.bar-wrapper{flex:0 0 49.15%}.bar-wrapper:nth-child(even){margin-right:0.9rem}}.skill{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:initial;font-size:1rem}.percentage-number{text-align:right}.bar{background:#fff}.fill{padding:0.4rem 0}.primary-percentage{animation:primary-percentage 3000ms forwards}@keyframes primary-percentage{0%{width:0%;background:#e43131}100%{width:90%;background:#e43131}}.secondary-percentage{animation:secondary-percentage 3000ms forwards}@keyframes secondary-percentage{0%{width:0%;background:#e43131}100%{width:80%;background:#e43131}}.tertiary-percentage{animation:tertiary-percentage 3000ms forwards}@keyframes tertiary-percentage{0%{width:0%;background:#e43131}100%{width:50%;background:#e43131}}#gallery{display:grid;grid-template-columns:1fr;gap:1rem 0;margin-top:2rem}@media only screen and (min-width: 600px){#gallery{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media only screen and (min-width: 1024px){#gallery{grid-template-columns:repeat(3, 1fr)}}.project-title{margin-bottom:1rem;text-align:center;font-size:1.15rem;font-weight:700}.mockup-img{width:100%;height:auto}.mockup-img:hover,.mockup-link:focus>.mockup-img{transform:scale(1.08);transition:transform 400ms}.project-description{margin:1rem 0;text-align:justify}#gmap{border:0;width:100%;height:50vh;margin-top:2rem}@media only screen and (min-width: 1024px){#gmap{width:26.5rem;height:19.7rem;margin:0 2rem 0 0}}#contact-form{margin-top:1rem;padding:1rem 0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}@media only screen and (min-width: 1024px){#contact-form{margin-top:0}}input,textarea{border:1px solid #e43131;display:block;width:100%;padding:1rem 0;background-color:#fff;color:#040e14}@media only screen and (min-width: 1024px){input,textarea{width:26.5rem;padding:1.55rem 0}}input{margin-bottom:1rem}@media only screen and (min-width: 1024px){textarea{block-size:85px}}::placeholder{color:#a5a5a5}input:focus,input:focus-within,textarea:focus,textarea:focus-within{border:1px solid #e43131;box-shadow:0 0 0 100vmax rgba(4,14,20,0.8)}.submit-button{border:1px solid #fff;box-shadow:0 0 0 5px #e43131;margin-top:2rem;padding:0.5rem;background-color:#e43131;color:#fff}.submit-button:focus,.submit-button:hover{background:#fff;color:#e43131;transition:all 400ms}@media only screen and (min-width: 1024px){.submit-button{margin:2rem 0 2%;cursor:pointer}}#sharing-links{position:fixed;bottom:4.7rem;left:1.2rem;display:none}@media only screen and (min-width: 1024px){#sharing-links{right:1rem;left:initial}}.icon-container{border:1px solid #fff;box-shadow:0 0 0 5px #e43131;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;transition:display, 300ms}.icon-container,.icon-container.open{opacity:1;width:2.75rem;height:2.75rem;background-color:#e43131;color:#fff}.icon-container:hover,.icon-container:focus{background:#fff;color:#e43131;transition:all 400ms}@media only screen and (min-width: 1024px){.icon-container{cursor:pointer}}.icon-share2:before{content:'\ea82'}.icon-x:before{content:'\e905'}.icon-facebook:before{content:'\ea90'}.icon-share2,.icon-x,.icon-facebook,#sharing-links .icon-whatsapp{font-size:1.5rem}.toggle.open,.facebook.open{margin-bottom:1rem}.toggle.open .icon-share2,.toggle .icon-x{display:none}.toggle.open .icon-x{display:initial}.facebook,.whatsapp{opacity:0;overflow:hidden;width:0;height:0;margin:0;padding:0}.facebook:hover,.facebook:focus{background:#3c5b9b;color:#fff}.whatsapp:hover,.whatsapp:focus{background:#0bc204;color:#fff}.scrollButton{border:1px solid #fff;box-shadow:0 0 0 5px #e43131;position:fixed;bottom:1rem;left:1.2rem;display:none;width:2.75rem;height:2.75rem;padding-top:5px;background:#e43131;color:#fff}.scrollButton:hover,.scrollButton:focus{background:#fff;color:#e43131;transition:all 400ms}@media only screen and (min-width: 1024px){.scrollButton{right:1rem;bottom:1rem;left:initial;cursor:pointer}}.icon-arrow-up2{font-size:1.5rem}.icon-arrow-up2::before{content:'\ea3a'}.js-slidein{opacity:0;transform:translateY(7rem);transition:all 400ms ease-in-out}.js-slidein.show{opacity:1;transform:translateY(0)}