:root{--primary-color:#0e0326;--white-color:#ffffff;--secondary-color:#236df6;--tertiarty-color:#8f7bd0;--border-color:rgba(255, 255, 255, .09);--dimmed-text:rgba(255, 255, 255, .75)}html{font-size:22px}*{margin:0;padding:0}body{background-color:var(--primary-color);color:var(--white-color);font-family:Manrope,SansSerif}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#wrapper{width:100%}main{margin-top:100px}.mt-m{margin-top:50px}.mtb-lg{margin:100px 0}.link{color:inherit;position:relative;text-decoration:none;transition:color .3s ease;-webkit-transition:color .3s ease}.link:before{position:absolute;content:"";display:block;background:var(--secondary-color);bottom:-5px;left:0;height:4px;width:0;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:-1}.link-active:before,.link:hover:before{width:100%}.section-title{font-size:2.2rem;font-weight:600;margin-bottom:1rem;color:var(--tertiarty-color)}.link-active,.link:hover{color:var(--secondary-color)}header{color:var(--white-color);margin-top:1.4rem;display:flex;justify-content:space-between;align-items:center}nav{display:flex}.nav-item{display:flex;color:var(--white-color);margin-left:2rem;position:relative;text-decoration:none;transition:color .3s ease;-webkit-transition:color .3s ease}.nav-item:before{position:absolute;content:"";display:block;background:var(--secondary-color);bottom:-8px;left:0;height:4px;width:0;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:-1}.nav-item:hover{color:var(--secondary-color)}.active:before,.nav-item:hover:before{width:100%}.my-name{font-size:1.2rem;font-weight:700;text-decoration:none;color:var(--white-color);position:relative;width:80px}.name{overflow:hidden;transition:all .3s cubic-bezier(.95,-.04,0,1.01);display:inline-block;width:17px}.my-name:hover .name{width:67px}.my-name span.dot{color:var(--secondary-color);font-size:2rem;position:absolute;bottom:0}.accent{color:var(--secondary-color)}.intro h1{font-size:3.6rem;line-height:1.4;letter-spacing:-4px}.more{margin:50px auto;display:inline-block;font-size:1.2rem;line-height:1.6;font-weight:400;color:var(--secondary-color)}.more .icon{width:32px;height:32px;position:absolute;bottom:5px;right:-36px;transition:all .3s ease-in-out}.more:hover .icon{right:-40px}.container{max-width:1240px;margin:0 auto;padding:0 40px}.pro-title{color:#ddd;font-size:.8rem;margin:0 0 25px;padding:0;font-weight:300;text-align:center;opacity:.6}.dribbble-shots-list{width:100%;list-style:none;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}.dribbble-shots-list li{margin:0;width:calc(100% / 3);font-size:0}.dribbble-shots-list li img{width:100%;transition:all .5s ease-in-out;border-radius:4px}.dribbble-shots-list a{display:block;margin:4px;position:relative;overflow:hidden;transition:all .5s ease-in-out}.dribbble-shots-list a:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);z-index:1;transition:all .5s ease-in-out}.dribbble-shots-list .hv-d{background:#170246;position:absolute;color:var(--white-color);text-decoration:none;bottom:-70px;left:0;width:100%;height:20%;text-align:center;transition:bottom .5s ease}.dribbble-shots-list .hv-cont{position:relative;top:50%;transform:translateY(-50%)}.dribbble-shots-list .hv-cont h3{vertical-align:middle;font-size:.7rem;padding:0 20px;font-weight:600;margin:0;line-height:1.4}.dribbble-shots-list .hv-cont p{color:var(--white-color);margin:0;padding:10px 0 0;border-bottom:1px solid var(--white-color);display:inline-block;font-size:.87rem}.dribbble-shots-list a:hover .hv-d{bottom:0}.latest-article__item{padding:1em 0;display:flex;flex-direction:row;border-bottom:1px solid var(--border-color);transition:all .3s ease-in-out}.latest-article__item:last-of-type{border-bottom:none}.latest-article__item img{max-width:100%;height:100%;border-radius:4px}.latest-article__item__detail{margin-left:2em}.latest-article__item__detail time{font-size:.7rem;color:var(--dimmed-text);margin-bottom:10px;display:inline-block}.latest-article__item a{text-decoration:none;color:var(--white-color);font-size:.7rem}.latest-article__item a:hover{text-decoration:underline}.latest-article__item img:hover{opacity:.7}footer{padding:45px 0;margin:50px 0;border-top:1px solid var(--border-color)}.social{list-style:none;display:flex;justify-content:space-between}.social li{display:inline-block}.social li a{transition:all .2s ease-in-out;fill:var(--white-color);display:inline-block;margin:5px;width:32px;height:32px}.social li a .icon{width:100%;height:100%}.social li a:hover{transform:scale(1.2)}.social li a.dribbble:hover{fill:#ff5095}.social li a.figma:hover{fill:#a259ff}.social li a.instagram:hover{fill:#fd1d1d}.social li a.linkedin:hover{fill:#0097c3}.social li a.twitter:hover{fill:#00ceff}.social li a.email:hover,.social li a.resume:hover{fill:#f63}.icon-link{font-size:1rem;width:1em;height:1em;display:inline;fill:var(--white-color);position:absolute;margin-left:5px;top:-2px}.about{display:flex;flex-direction:row}.about__image{padding:0 30px 30px 0}.about__image img{box-shadow:30px 30px 0 var(--secondary-color);transition:all .5s ease-in-out;border-radius:4px}.about__image img:hover{transform:scale(.98);-webkit-transform:scale(.98);z-index:1;box-shadow:15px 15px 0 var(--secondary-color)}.about__intro{display:flex;align-items:center;margin-left:80px}.about__intro h2{font-size:4rem;line-height:1.2;letter-spacing:-4px}.about__intro p,.about__more p{font-size:1.1rem;line-height:1.6}.about__intro .link,.about__more .link{color:var(--secondary-color)}.about__more{max-width:800px;margin:80px auto}.about__more p{margin-bottom:24px}.image__grid{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.image__grid a{text-decoration:none;font-size:0}.image__grid__item{max-width:100%;width:calc(25% - 8px);margin-bottom:8px;overflow:hidden;height:400px}.image__grid img{max-width:100%;width:300px;height:400px;transition:all .5s ease-in-out;border-radius:4px;object-fit:cover}.image__grid img:hover{transform:scale(1.08);-webkit-transform:scale(1.08)}.figma-feature{display:flex;justify-content:space-between}.figma-feature__item{max-width:100%;width:50%;text-decoration:none;padding:4px}.figma-feature__item a{text-decoration:none;font-size:0}.figma-feature__item__img{max-width:100%;overflow:hidden;border-radius:4px}.figma-feature img{max-width:100%;width:100%;height:100%;transition:all .5s ease-in-out;border-radius:4px}.figma-feature img:hover{transform:scale(1.98);-webkit-transform:scale(1.08);z-index:1}.figma-feature__item span{text-align:center;display:block;color:var(--dimmed-text);font-size:.8rem;margin-top:10px;font-style:italic}@-webkit-keyframes beat{0%{fill:#f30;transform:scale(1.1)}50%{fill:#999;transform:scale(.75)}51%{fill:#f30;transform:scale(1.1)}to{fill:#999;transform:scale(.75)}}@keyframes beat{0%{fill:#f30;transform:scale(1.1)}50%{fill:#999;transform:scale(.75)}51%{fill:#f30;transform:scale(1.1)}to{fill:#999;transform:scale(.75)}}.icon-heart{fill:#f30;width:1rem;height:.85rem;-webkit-animation-name:beat;animation-name:beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s}.copyright{text-align:center;padding:45px 0 0;margin:50px 0 0;border-top:1px solid var(--border-color);font-size:.9rem;display:flex;justify-content:space-between;opacity:.7}@media screen and (max-width:980px){.mtb-lg{margin:60px 0}.dribbble-shots-list li{width:33.3333333333%}.dribbble-shots-list a .hv-d h3{padding:15px 25px 10px}.latest-article__item img{display:none}.latest-article__item__detail{margin-left:0}.hide{display:none}.section-title{font-size:2rem}.about__image img{max-width:100%;height:100%}.about__intro h2,.intro h1{font-size:2rem;letter-spacing:-1px}.intro{margin:0 0 80px}.intro p{margin:40px 0}.about__intro p,.about__more p{font-size:.8rem;line-height:1.6}.icon-link{top:13px}}@media screen and (max-width:780px){.name{width:70px}.section-title{font-size:1.4em}.intro h1{font-size:1.8rem;letter-spacing:0}.dribbble-shots-list li{width:50%}.info,.intro{width:100%}.about{flex-direction:column;justify-content:center}.about__image{display:flex;justify-content:center}.about__intro{padding:40px 0 0;margin:0}.about__more{margin:24px 0}.image__grid__item{width:calc(50% - 4px)}.mtb-lg{margin:30px 0}.figma-feature{flex-direction:column}.figma-feature__item{width:100%;margin-bottom:40px}}@media screen and (max-width:580px){header{flex-direction:column;text-align:left;justify-content:initial;align-items:initial}nav{margin:40px 0 0}.nav-item{margin:0 25px 0 0}main{margin-top:40px}.section-title{font-size:1.4rem}.intro h1{font-size:1.8rem;letter-spacing:0}.about__image{padding:0 15px 15px 0}.about__image img{box-shadow:15px 15px 0 var(--secondary-color)}.info{font-size:.8rem}.dribbble-shots-list li{width:50%}.container{padding:0 20px}.social li a{width:24px;height:24px}.copyright{flex-direction:column;justify-content:unset}}@media screen and (max-width:380px){html{font-size:14px}.name{width:43px}.more{margin:1em 0}.more .icon{width:24px;height:24px;bottom:1px}.info{width:100%}}.blog-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -.5em}.blog-list__item{padding:.5em;display:flex;flex-direction:column;transition:all .3s ease-in-out;max-width:30%}.blog-list__item:last-of-type{border-bottom:none}.blog-list__item:hover span{cursor:pointer}.blog-list__item img:hover{opacity:.7}.blog-list__item .title:hover{cursor:pointer;text-decoration:underline}.blog-list__item__details{color:var(--white-color);text-decoration:none;margin:.5em 0}.blog-list__item__details time{font-size:.7rem;color:var(--dimmed-text);margin-bottom:10px;display:inline-block}.blog-list__item__details .title{font-size:1rem;font-weight:600;margin-bottom:10px;display:inline-block}.blog-list__item__details p{margin-bottom:20px;color:var(--dimmed-text);font-size:.8rem}.blog-list__item__details span{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--secondary-color)}.blog-list a{text-decoration:none;color:inherit}.blog-list__item img{width:600px;height:240px;max-width:100%;object-fit:cover;border-radius:4px}article{margin:0 auto}.article__featured-image{width:100%}.article__featured-image img{max-width:100%;width:100%;height:600px;object-fit:cover;border-radius:4px}.article__header{background-color:var(--primary-color);padding:60px;z-index:1;position:relative;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:80px}.article__header .published-on{font-size:.8rem;margin-bottom:10px;color:#fff9;letter-spacing:2px;text-transform:uppercase}.article__header .title{font-size:2.4rem;color:var(--white-color);margin:0}.article__content{margin:-180px auto 0;padding:0 80px;max-width:900px}.article__content img{max-width:100%;margin:0 auto;display:block;border-radius:4px}.article__content h1{font-size:1.8rem;margin:1.8em 0 .4em}.article__content h2{font-size:1.4rem;margin:1.6em 0 .4em}.article__content h3{font-size:1.2rem;margin:1em 0 .4em}.article__content h4{font-size:1rem;margin:1em 0 .4em}.article__content h5{font-size:.8rem}.article__content h6{font-size:.4rem;margin:1em 0 .4em}.article__content p{margin-bottom:2rem;line-height:1.8;font-size:.9rem;color:var(--dimmed-text)}.article__content a{color:var(--secondary-color);text-decoration:none}.article__content a:hover{color:var(--secondary-color);text-decoration:underline}.article__content em{font-style:italic}.article__content img+em{font-size:.7rem;text-align:center;display:block;font-style:normal;margin-top:1em}.article__content strong{font-weight:700}.article__content blockquote{padding-left:50px;position:relative}.article__content blockquote:before{content:url(/534e2cd563329b1eb5206f7d2ee3bfd50a24e3ca/f5c24/quote.svg);width:35px;position:absolute;left:0}.article__content blockquote p{font-size:1rem;line-height:1.4;font-weight:600;color:var(--white-color)}.article__backlink{border-top:1px solid var(--border-color);margin-top:100px}.article__backlink span{position:relative}.article__backlink .icon{width:32px;height:32px;position:absolute;left:-45px;transition:all .3s ease-in-out}.article__backlink a{display:flex;justify-content:center;padding:50px 0;margin-bottom:-50px;text-decoration:none;color:#8c80c3;text-transform:uppercase;font-weight:400;font-size:1rem;transition:all .3s ease-in-out;letter-spacing:4px}.article__backlink a:hover{color:var(--white-color)}.article__backlink a:hover .icon{left:-48px}@media screen and (max-width:780px){.article__header .title{font-size:2rem}.article__header{padding:30px}.article__content{padding:0 30px}.blog-list__item{flex-direction:column;max-width:46%}.blog-list__item img{width:100%;height:200px;margin-bottom:20px}.article__featured-image img{height:400px}}@media screen and (max-width:580px){.article__header .title{font-size:1.4rem}.article__content{padding:0}.article__header{padding-left:0;padding-right:0;margin-bottom:20px;text-align:left}.article__content p{font-size:.9rem;margin-bottom:1rem}.blog-list{flex-direction:column;margin:0}.blog-list__item{padding:20px 0 30px;margin-bottom:20px;max-width:100%;border-bottom:1px solid var(--border-color)}.blog-list__item img{width:100%;height:200px;margin:0 0 20px}}