/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 28, 2020 */@font-face{font-family:"SK Modernist";src:url(/static/media/sk-modernist-bold-webfont.3bca2c9c.woff2) format("woff2"),url(/static/media/sk-modernist-bold-webfont.ce38b963.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"SK Modernist";src:url(/static/media/sk-modernist-regular-webfont.f1325855.woff2) format("woff2"),url(/static/media/sk-modernist-regular-webfont.0370047f.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"sk-modernistmono";src:url(/static/media/sk-modernist-mono-webfont.8834a58b.woff2) format("woff2"),url(/static/media/sk-modernist-mono-webfont.43d30c0b.woff) format("woff");font-weight:400;font-style:normal}h1,h2,h3,h6{margin:0}h1{font-size:4.875rem}h2{font-size:3rem}h3{font-size:2.125rem}h4{font-size:1.75rem;font-weight:400}h5{font-size:1.25rem}p{font-size:1rem;line-height:2}.d-flex{display:flex}.d-flex.justify-space-between{justify-content:space-between}.btn{border:none;text-decoration:none;font-size:1rem;padding:.5rem 1.75rem;border-radius:.25rem;transition:all .4s ease-in}.btn.primary{background:#31d2b1;color:#fff}.btn.primary:hover{background:#25ab8f}.btn.secondary{background:#ffce09;color:#1a1b1d}.btn.secondary:hover{background:#ffe26f}.btn.transparent{font-family:"SK Modernist";background:transparent;color:#9ea4a4}.btn.transparent.active,.btn.transparent:hover{color:#31d2b1}.btn.large{font-size:1.5rem;padding:1rem 2.75rem;display:grid;place-content:center}.btn:hover{cursor:pointer}.btn:disabled{opacity:.4}.main-heading{text-align:center}.main-heading:after{content:"";background-image:url(/static/media/zigzag-big.78f2713b.svg);width:95px;height:16px;background-size:cover;display:block;margin:2rem auto}img{max-width:100%}@keyframes smooth{0%{background-position-x:0}to{background-position-x:34px}}@keyframes scroll{0%{transform:translateY(-30px)}0%{transform:translateY(20px)}}.card{background:#fff;border-radius:.5rem;box-shadow:4px 4px 24px rgba(0,0,0,.05)}.card.feature-portfolio{display:flex;overflow:hidden}.card.feature-portfolio:nth-child(2n){flex-direction:row-reverse}.card.feature-portfolio .content{padding:7.25rem 4.5rem;flex:60% 1;display:flex;flex-direction:column;justify-content:center}.card.feature-portfolio .content .btn{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:4rem}.card.feature-portfolio .portfolio-image{background-color:#eee;height:auto;width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;position:relative;transition:all .8s ease-in-out}.card.feature-portfolio .portfolio-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:inherit}.card.feature-portfolio .portfolio-image:hover:before{transform:scale(1.2)}*,:after,:before{box-sizing:border-box}:root{--backgroundColor:#fff;--themeColor:$secondary;--blur:10px;--textColor:$text-default}html{scroll-behavior:smooth}body{margin:0;font-family:"SK Modernist";color:#1a1b1d}.main-container{max-width:1432px;margin:0 auto;padding:0 2rem}.card-container{max-width:1080px;margin:0 auto;padding:0 2rem}nav{height:134px;display:grid;align-items:center;background-color:hsla(0,0%,100%,.9);transition:all .2s cubic-bezier(.075,.82,.165,1);top:-225px}nav.fixed{top:0;background-color:hsla(0,0%,100%,.9)!important;position:fixed;width:100%;z-index:2;height:85px;box-shadow:0 8px 32px 0 hsla(0,0%,63.9%,.2)}nav.fixed,nav.fixed ul li a:before{backdrop-filter:blur(10px);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--blur))}nav .main-container{width:100%;display:flex;justify-content:space-between;align-items:center}nav ul{padding:0;display:flex;flex-direction:row;grid-gap:3.5rem;gap:3.5rem}nav ul li{list-style:none}nav ul li a{text-decoration:none;color:$text-default;color:var(--textColor);font-size:1.275rem;position:relative}nav ul li a:after,nav ul li a:before{content:"";display:block;position:absolute;left:0;right:0;opacity:0;width:34px}nav ul li a:before{height:8px;top:115%;background:linear-gradient(-135deg,$secondary 5px,transparent 0) 0 5px,linear-gradient(135deg,$secondary 5px,transparent 0) 0 5px;background:linear-gradient(-135deg,var(--themeColor) 5px,transparent 0) 0 5px,linear-gradient(135deg,var(--themeColor) 5px,transparent 0) 0 5px;background-position:0 0;background-repeat:repeat-x;background-size:10px 10px}nav ul li a:after{height:10px;top:100%;background:linear-gradient(-135deg,#fff 5px,transparent 0) 0 5px,linear-gradient(135deg,#fff 5px,transparent 0) 0 5px;background:linear-gradient(-135deg,var(--backgroundColor) 5px,transparent 0) 0 5px,linear-gradient(135deg,var(--backgroundColor) 5px,transparent 0) 0 5px;background-position:0 0;background-repeat:repeat-x;background-size:10px 10px}nav ul li a.active:after,nav ul li a.active:before{left:0;opacity:1}nav ul li a:hover:after,nav ul li a:hover:before{left:0;opacity:1;animation:smooth 3s infinite}#hero{height:calc(100vh - 134px);display:grid;align-items:center}#hero .main-container{display:flex;justify-content:space-between;align-items:center}#hero .hero-image{margin-right:-32px}#hero .hero-image img{max-width:100%;height:auto;transform:inherit;transition:all .4s ease}#hero .hero-image img:hover{transform:scale(1.01) translateX(-.5rem)}#hero .arrow-down{margin:48px auto 72px;display:block;cursor:pointer;animation:scroll .7s infinite alternate}#hero h4{color:#9ea4a4;margin-top:0}#hero .name{color:#1a1b1d;position:relative}#hero .name:after{content:"";position:absolute;height:2px;width:280px;background:#31d2b1;left:0;top:3.3rem}#hero .experience{margin-top:.5rem}#hero .btn-group{display:flex;grid-gap:1rem;gap:1rem}#featured-portfolio{background:#f3f3f3;padding:8rem 0 4rem;position:relative}#featured-portfolio:after{content:"";position:absolute;bottom:0;background:#31d2b1;width:100%;height:100%;-webkit-clip-path:ellipse(77% 25% at 50% 100%);clip-path:ellipse(77% 25% at 50% 100%);z-index:0}#featured-portfolio .cards-wrapper{margin-top:5rem;display:flex;flex-direction:column;grid-gap:5rem;gap:5rem;z-index:1;position:relative}#featured-portfolio .footer-container{margin-top:6rem;text-align:center;color:#fff;z-index:1;position:relative}#featured-portfolio .footer-container h3{font-weight:400}#featured-portfolio .footer-container .btn{margin:2rem auto 4rem;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.social-links{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;grid-gap:2rem;gap:2rem}.social-links li{list-style:none}.social-links li a{display:block;transition:all .4s ease}.social-links li a:hover{transform:translateY(-10px)}#portfolio .category-list{margin:3rem auto;padding:0;display:block;text-align:center;grid-gap:1rem;gap:1rem}#portfolio .category-list li{display:inline;list-style:none;position:relative}#portfolio .category-list li:not(:first-child):before{content:"";width:4px;height:4px;border-radius:50%;background:#9ea4a4;position:absolute;margin:auto;top:0;bottom:0}#portfolio .category-list li .btn{font-size:1.2rem;text-transform:capitalize}#portfolio .portfolio-grid{display:flex;grid-gap:1rem;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(305px,1fr));align-items:center;justify-content:center}#portfolio .portfolio-grid a{text-decoration:none}#portfolio .portfolio-grid .portfolio-item{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,330px);border-radius:.5rem;width:330px;height:230px;background:#eee;background-position:50%;background-size:cover;overflow:hidden;position:relative;margin:0 auto;transition:transform .7s ease-in}#portfolio .portfolio-grid .portfolio-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:inherit}#portfolio .portfolio-grid .portfolio-item:hover:before{transform:scale(1.1)}#portfolio .portfolio-grid .portfolio-item .portfolio-overlay{opacity:0;width:100%;height:100%;position:relative;padding:1.5rem 2rem;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;color:#fff;transition:all .4s ease-in;border-radius:.5rem}#portfolio .portfolio-grid .portfolio-item .portfolio-overlay:hover{opacity:1}.single-portfolio #single-hero{min-height:calc(100vh - 134px);display:grid;place-content:center}.single-portfolio #single-hero.main-container{display:flex;justify-content:space-between;align-items:center}.single-portfolio #single-hero .content{width:40%}.single-portfolio #single-hero .content .type{font-size:2rem;margin:1.25rem 0;color:#9ea4a4;text-transform:capitalize}.single-portfolio #single-hero .content h4{margin-bottom:1rem;font-size:1.5rem}.single-portfolio #single-hero .content .btn{margin-top:2rem;display:flex;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.single-portfolio #single-hero .hero-image img{max-width:100%}.single-portfolio h3{margin:3rem 0}.single-portfolio section{padding-bottom:2rem}.single-portfolio #screenshots{padding-bottom:0}.single-portfolio #screenshots .screenshots{display:flex;grid-gap:4rem;gap:4rem;flex-direction:column}.single-portfolio #screenshots img{max-width:100%;border-radius:.75rem;border:3px solid hsla(0,0%,100%,.15);box-shadow:0 20px 60px rgba(0,0,0,.15)}.single-portfolio .structures{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:2rem;gap:2rem}.single-portfolio .structures img{max-width:650px}.single-portfolio #typography img{margin-top:2rem}.single-portfolio #feature-images img{width:100%}.single-portfolio .color-pallet{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:4rem;gap:4rem}.single-portfolio .color-pallet .color-drop{width:155px;height:140px;display:grid;place-content:center;font-weight:600;border-radius:61% 39% 46% 54%/50% 51% 49% 50%;box-shadow:0 2px 10px rgba(0,0,0,.1);text-transform:uppercase}#my-story .main-container{display:flex;justify-content:space-between}#my-story .main-container .content{width:50%}#my-story .main-container .content p{font-size:1.5rem;line-height:1.25}#my-story .main-container .content .icon-flex{display:flex;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem;align-items:flex-end}#my-story .main-container .content .icon-flex .icon{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;align-items:center}#my-story .main-container .content .icon-flex .icon:hover>span{opacity:1}#my-story .main-container .content .icon-flex .icon span{opacity:0;font-size:.75rem;transition:all .2s ease-in-out}#my-story .main-container .hero-image{margin-top:-4rem}.steps{display:flex;justify-content:center;grid-gap:3rem;gap:3rem}.steps>div{display:flex;align-items:center;flex-direction:column;text-align:center;grid-gap:.5rem;gap:.5rem;position:relative}.steps>div:not(:last-of-type):after{content:"";position:absolute;width:80px;height:2px;background:#9ea4a4;top:27%;left:30px}.steps>div>div{background:#9ea4a4;color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-content:center;position:relative}.steps>div>span{text-align:center;font-size:12px}.steps>div.active:after,.steps>div.active div{background:#31d2b1}.steps>div.active span{color:#31d2b1}#contact .email{text-align:center;margin:5rem auto}#contact .email a{color:#1a1b1d;font-size:clamp(2rem,6vw,10rem);font-weight:700;padding:1.2rem 2rem;text-decoration:none;position:relative}#contact .email a:hover{text-decoration:underline}#contact .email a:hover:after{height:100%}#contact .email a:after{content:"";height:0%;width:100%;background:#ffce09;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1;transition:all .3s ease}footer{text-align:center;padding:2rem;font-size:.75rem}.placeholder{background:#f1f1f1!important;overflow:hidden;position:relative;direction:ltr;margin:unset!important}.placeholder:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;background:linear-gradient(120deg,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.35) 50%,hsla(0,0%,100%,0) 54%) 50% 50%!important;animation:phAnimation .8s linear infinite;pointer-events:none}.ph.feature-portfolio .h3{height:30px;border-radius:20px;margin-bottom:10px!important}.ph.feature-portfolio .p{border-radius:20px;margin-top:50px!important;height:16px}.ph.feature-portfolio .btn{height:34px;margin-top:64px!important;border-radius:5px}.ph.feature-portfolio .portfolio-image{background:#ddd!important}@keyframes phAnimation{0%{transform:translate3d(-30%,0,0)}to{transform:translate3d(30%,0,0)}}.spinner{position:relative}.spinner:after{content:"";width:30px;height:30px}.big-spinner,.spinner:after{position:absolute;inset:0;margin:auto;border-radius:50%;border:4px solid #fff;border-top-color:#ffeb3b;animation:rotate .6s infinite}.big-spinner{width:40px;height:40px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (min-width:2160px){.main-container{max-width:2150px}}@media (max-width:1366px){nav{height:110px}#hero{height:auto}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.main-heading{margin-top:3rem}.main-heading:after{height:14px;width:75px;margin:1rem auto}.social-links{transform:scale(.7)}.btn.large{font-size:1.25rem;padding:.75rem 1.75rem}.main-container{padding:0 1rem}nav.fixed{height:110px!important}nav .main-container{display:flex;flex-direction:column}nav .main-container .logo{margin-top:1rem}nav ul{grid-gap:1.5rem;gap:1.5rem}nav ul li a{font-size:1rem}#hero .main-container{flex-direction:column-reverse;justify-content:center}#hero .content{text-align:center}#hero .name:after{right:0;top:1.8em;margin:auto}#hero .hero-image{margin:0 auto 32px}.card.feature-portfolio,.card.feature-portfolio:nth-child(2n){flex-direction:column-reverse}.card.feature-portfolio .content{padding:2.25rem 1.5rem}.card.feature-portfolio .content .btn{margin-top:1rem}.card.feature-portfolio .portfolio-image{height:250px}#featured-portfolio .cards-wrapper{grid-gap:2.5rem;gap:2.5rem}.ph.feature-portfolio .h3{height:1.5rem}.ph.feature-portfolio .p{height:.75rem;margin-top:1rem!important}.ph.feature-portfolio .btn{margin-top:1.5rem!important}#featured-portfolio{padding-bottom:2rem}#featured-portfolio:after{-webkit-clip-path:ellipse(100% 25% at 50% 100%);clip-path:ellipse(100% 25% at 50% 100%)}#featured-portfolio .footer-container{margin-top:4rem}.single-portfolio #single-hero.main-container{flex-direction:column-reverse;justify-content:flex-start;min-height:100%;grid-gap:2rem;gap:2rem}.single-portfolio #single-hero .content{width:100%}.single-portfolio #single-hero .content .type{font-size:1.25rem}.single-portfolio #single-hero .hero-image{margin:0!important}.single-portfolio #single-hero .hero-image img{margin-top:2rem}.single-portfolio .color-pallet .color-drop{width:140px;height:130px}.single-portfolio .structures img{max-width:100%}.single-portfolio .screenshots{grid-gap:3rem;gap:3rem}#my-story .main-container{flex-direction:column-reverse}#my-story .main-container .content{width:100%}#my-story .main-container .content p{font-size:1.25rem}#my-story .main-container .hero-image{margin-top:0}}
/*# sourceMappingURL=main.f5f1621c.chunk.css.map */