*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}.color-gray{color:#777}a,h1,h2,h3,h4,h5,h6,p{font-family:'Barlow Condensed',sans-serif;color:#e8e8e8;font-weight:400}a{text-decoration:none}.link{padding:.8rem 2.4rem;font-size:2.4rem;display:inline-block;-webkit-transition:.5s ease;transition:.5s ease;position:relative}.link::after{content:'';display:block;position:absolute;top:100%;left:0;width:0%;height:2px;-webkit-transform:translate(20%,-50%);transform:translate(20%,-50%);-webkit-transition:.7s ease;transition:.7s ease;background-color:#7dbf3b}.link:hover{opacity:.4}.link:hover::after{width:70%}h1{font-size:7.2rem;line-height:100%}@media screen and (max-width:960px){h1{font-size:6.4rem}}@media screen and (max-width:576px){h1{font-size:4.8rem}}h2{font-size:6.4rem;line-height:110%}@media screen and (max-width:960px){h2{font-size:4.8rem}}@media screen and (max-width:576px){h2{font-size:3.2rem}}h3{font-size:4rem;line-height:110%}@media screen and (max-width:960px){h3{font-size:3.2rem}}@media screen and (max-width:576px){h3{font-size:2.4rem}}h4{font-size:3.2rem;line-height:120%}@media screen and (max-width:576px){h4{font-size:2.4rem}}h5{font-size:2.4rem;line-height:140%}@media screen and (max-width:576px){h5{font-size:1.8rem}}h6{font-size:1.8rem;line-height:150%s}.mask{display:block;background:linear-gradient(314.43deg,#7dbf3b 32.95%,rgba(93,113,73,.76) 110.55%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mask-name{color:#7dbf3b}.text-center{text-align:center}.text-right{text-align:right}.square{display:block;margin-top:64px;font-size:24px;padding:16px 24px;position:relative}@media screen and (max-width:960px){.square{font-size:18px}}.square::after{content:'';display:block;position:absolute;top:0;left:0;z-index:-1;width:120px;height:120px;-webkit-transform:translate(-5%,-20%) rotate(45deg);transform:translate(-5%,-20%) rotate(45deg);border-radius:4px;background:linear-gradient(76.73deg,rgba(125,191,59,.7) -29.62%,rgba(125,191,59,.098) 100.52%);-webkit-transition:.5s ease;transition:.5s ease}@media screen and (max-width:960px){.square::after{width:100px;height:100px}}.square:hover::after{-webkit-transform:translate(-5%,-20%) rotate(360deg);transform:translate(-5%,-20%) rotate(360deg)}body{width:100%;background-color:#172027}.border{border:1px solid red}.s-0{margin:0;padding:0}.m-0{margin:0!important}.m-1{margin:8px!important}.m-2{margin:16px!important}.m-3{margin:24px!important}.m-4{margin:32px!important}.m-5{margin:48px!important}.m-6{margin:64px!important}.m-7{margin:72px!important}.m-8{margin:96px!important}.m-9{margin:128px!important}.mt-0{margin-top:0!important}.mt-1{margin-top:8px!important}.mt-2{margin-top:16px!important}.mt-3{margin-top:24px!important}.mt-4{margin-top:32px!important}.mt-5{margin-top:48px!important}.mt-6{margin-top:64px!important}.mt-7{margin-top:72px!important}.mt-8{margin-top:96px!important}.mt-9{margin-top:128px!important}.ml-0{margin-left:0!important}.ml-1{margin-left:8px!important}.ml-2{margin-left:16px!important}.ml-3{margin-left:24px!important}.ml-4{margin-left:32px!important}.ml-5{margin-left:48px!important}.ml-6{margin-left:64px!important}.ml-7{margin-left:72px!important}.ml-8{margin-left:96px!important}.ml-9{margin-left:128px!important}.mr-0{margin-right:0!important}.mr-1{margin-right:8px!important}.mr-2{margin-right:16px!important}.mr-3{margin-right:24px!important}.mr-4{margin-right:32px!important}.mr-5{margin-right:48px!important}.mr-6{margin-right:64px!important}.mr-7{margin-right:72px!important}.mr-8{margin-right:96px!important}.mr-9{margin-right:128px!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:8px!important}.mb-2{margin-bottom:16px!important}.mb-3{margin-bottom:24px!important}.mb-4{margin-bottom:32px!important}.mb-5{margin-bottom:48px!important}.mb-6{margin-bottom:64px!important}.mb-7{margin-bottom:72px!important}.mb-8{margin-bottom:96px!important}.mb-9{margin-bottom:128px!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:8px!important;margin-right:8px!important}.mx-2{margin-left:16px!important;margin-right:16px!important}.mx-3{margin-left:24px!important;margin-right:24px!important}.mx-4{margin-left:32px!important;margin-right:32px!important}.mx-5{margin-left:48px!important;margin-right:48px!important}.mx-6{margin-left:64px!important;margin-right:64px!important}.mx-7{margin-left:72px!important;margin-right:72px!important}.mx-8{margin-left:96px!important;margin-right:96px!important}.mx-9{margin-left:128px!important;margin-right:128px!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:8px!important;margin-bottom:8px!important}.my-2{margin-top:16px!important;margin-bottom:16px!important}.my-3{margin-top:24px!important;margin-bottom:24px!important}.my-4{margin-top:32px!important;margin-bottom:32px!important}.my-5{margin-top:48px!important;margin-bottom:48px!important}.my-6{margin-top:64px!important;margin-bottom:64px!important}.my-7{margin-top:72px!important;margin-bottom:72px!important}.my-8{margin-top:96px!important;margin-bottom:96px!important}.my-9{margin-top:128px!important;margin-bottom:128px!important}.p-0{padding:0!important}.p-1{padding:8px!important}.p-2{padding:16px!important}.p-3{padding:24px!important}.p-4{padding:32px!important}.p-5{padding:48px!important}.p-6{padding:64px!important}.p-7{padding:72px!important}.p-8{padding:96px!important}.p-9{padding:128px!important}.pt-0{padding-top:0!important}.pt-1{padding-top:8px!important}.pt-2{padding-top:16px!important}.pt-3{padding-top:24px!important}.pt-4{padding-top:32px!important}.pt-5{padding-top:48px!important}.pt-6{padding-top:64px!important}.pt-7{padding-top:72px!important}.pt-8{padding-top:96px!important}.pt-9{padding-top:128px!important}.pl-0{padding-left:0!important}.pl-1{padding-left:8px!important}.pl-2{padding-left:16px!important}.pl-3{padding-left:24px!important}.pl-4{padding-left:32px!important}.pl-5{padding-left:48px!important}.pl-6{padding-left:64px!important}.pl-7{padding-left:72px!important}.pl-8{padding-left:96px!important}.pl-9{padding-left:128px!important}.pr-0{padding-right:0!important}.pr-1{padding-right:8px!important}.pr-2{padding-right:16px!important}.pr-3{padding-right:24px!important}.pr-4{padding-right:32px!important}.pr-5{padding-right:48px!important}.pr-6{padding-right:64px!important}.pr-7{padding-right:72px!important}.pr-8{padding-right:96px!important}.pr-9{padding-right:128px!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:8px!important}.pb-2{padding-bottom:16px!important}.pb-3{padding-bottom:24px!important}.pb-4{padding-bottom:32px!important}.pb-5{padding-bottom:48px!important}.pb-6{padding-bottom:64px!important}.pb-7{padding-bottom:72px!important}.pb-8{padding-bottom:96px!important}.pb-9{padding-bottom:128px!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:8px!important;padding-right:8px!important}.px-2{padding-left:16px!important;padding-right:16px!important}.px-3{padding-left:24px!important;padding-right:24px!important}.px-4{padding-left:32px!important;padding-right:32px!important}.px-5{padding-left:48px!important;padding-right:48px!important}.px-6{padding-left:64px!important;padding-right:64px!important}.px-7{padding-left:72px!important;padding-right:72px!important}.px-8{padding-left:96px!important;padding-right:96px!important}.px-9{padding-left:128px!important;padding-right:128px!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:8px!important;padding-bottom:8px!important}.py-2{padding-top:16px!important;padding-bottom:16px!important}.py-3{padding-top:24px!important;padding-bottom:24px!important}.py-4{padding-top:32px!important;padding-bottom:32px!important}.py-5{padding-top:48px!important;padding-bottom:48px!important}.py-6{padding-top:64px!important;padding-bottom:64px!important}.py-7{padding-top:72px!important;padding-bottom:72px!important}.py-8{padding-top:96px!important;padding-bottom:96px!important}.py-9{padding-top:128px!important;padding-bottom:128px!important}.nav-menu{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4.8em 1.6em}@media screen and (max-width:960px){.nav-menu{padding:4.8em 3.6em}}.menu-toggle{display:none;width:40px;height:50px}.menu-toggle:hover{cursor:pointer}@media screen and (max-width:960px){.menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:960px){.one,.three,.two{background-color:#7dbf3b;height:5px;width:100%;margin:6px auto;border-radius:4px;-webkit-transition:.8s ease;transition:.8s ease}}.menu.on{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#3a4249;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:1s ease;transition:1s ease}.menu.on .menu-logo{display:none}.menu.on .nav-menu{display:block;text-align:center}.menu.on .nav-menu .menu-left,.menu.on .nav-menu .menu-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu.on .nav-menu .menu-left a,.menu.on .nav-menu .menu-right a{-webkit-transition:.5s ease;transition:.5s ease;font-size:36px;line-height:90px;display:block}@media screen and (max-width:576px){.menu.on .nav-menu .menu-left a,.menu.on .nav-menu .menu-right a{font-size:20px}}.menu.on .menu-toggle{position:absolute;right:40px;top:20px}.menu.on .menu-toggle .one{-webkit-transform:rotate(405deg) translate(12px,13px);transform:rotate(405deg) translate(12px,13px)}.menu.on .menu-toggle .two{opacity:0}.menu.on .menu-toggle .three{-webkit-transform:rotate(-45deg) translate(9px,-12px);transform:rotate(-45deg) translate(9px,-12px)}@media screen and (max-width:960px){.menu-left{display:none}.menu-right{display:none}}.menu-logo{width:72px;-webkit-transition:.5s ease;transition:.5s ease}@media screen and (max-width:960px){.menu-logo{width:60px}}@media screen and (max-width:576px){.menu-logo{width:50px}}.flex-end{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container.flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.relative{position:relative}.container{max-width:1220px;margin:0 auto;padding:2.4rem 1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width:960px){.container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hero{height:90vh}@media screen and (max-width:960px){.hero{height:auto}}.container-item:nth-child(1){-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;margin:4em 0}.container-item:nth-child(2){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4em 0}.container-item:nth-child(2) img{max-width:400px}@media screen and (max-width:576px){.container-item:nth-child(2) img{max-width:250px}}.bg-hero{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:960px){.bg-hero{overflow:hidden}}@media screen and (max-width:960px){.svg-hero{-webkit-transform:scale(2);transform:scale(2)}}@media screen and (max-width:576px){.svg-hero{-webkit-transform:scale(3);transform:scale(3)}}.bb-gray{border-bottom:1px solid #777;width:100%}.list-item{max-width:1220px;margin:0 auto;padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.list-item a:hover+.img-project{-webkit-transform:translate(-50%,-50%) translate3d(0,0,0);transform:translate(-50%,-50%) translate3d(0,0,0);opacity:1}.img-project{max-width:720px;border-radius:4px;position:absolute;top:50%;left:50%;z-index:-1;opacity:0;-webkit-transition:.8s ease;transition:.8s ease;-webkit-transform:translate(-50%,-50%) translate3d(-2000px,0,0) skew(75deg);transform:translate(-50%,-50%) translate3d(-2000px,0,0) skew(75deg)}@media screen and (max-width:960px){.img-project{max-width:350px;margin-top:2em}}.skills{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:3.2rem auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.svg{max-width:90px;margin:2.4rem 3.2rem}@media screen and (max-width:960px){.svg{max-width:70px}}@media screen and (max-width:576px){.svg{max-width:60px}}.socials{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}