:root{--primary-color: #080808;--primary-color-dark: #1a191a;--white-color: #ffffff;--accent-color: #236df6;--secondary-color: #525252;--tertiarty-color: #a6a7a9;--border-color: rgba(255, 255, 255, .09);--dimmed-text: rgba(255, 255, 255, .75);--success: #16a34a}html{font-size:22px}*{margin:0;padding:0}.success-text{color:var(--success)}body{background-color:var(--primary-color);color:var(--white-color);font-family:Manrope,SansSerif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-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}main.article{margin-top:50px}.mt-m{margin-top:50px}.mtb-lg{margin:100px 0}.link{color:inherit;position:relative;text-decoration:none;transition:color .3s ease;-webkit-transition:all .3s ease-in-out}.link:before{position:absolute;content:"";display:block;background:var(--accent-color);bottom:-5px;left:0;height:4px;width:0;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:-1}.link:hover:before,.link-active:before{width:100%}.section-title{font-size:2.2rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color)}.link:hover,.link-active{color:var(--accent-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(--accent-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(--accent-color)}.nav-item:hover:before,.active: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}.full-name{color:var(--secondary-color);font-weight:400;font-size:1.2rem}.my-name:hover .name{width:67px}.my-name span.dot{color:var(--accent-color);font-size:2rem;position:absolute;bottom:0}.accent{color:var(--accent-color)}.intro{margin:0 auto}.intro h1{font-size:3rem;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);padding-right:32px}.more .icon{width:32px;height:32px;position:absolute;bottom:4px;right:-2px;fill:var(--secondary-color);transition:all .3s ease-in-out}.more:hover .icon{right:-4px;fill:var(--accent-color)}.container{max-width:1240px;margin:0 auto;padding:0 40px}.container--sm{max-width:800px;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}.latest-article__item{padding:1em 0;display:flex;flex-direction:row;border:1px solid var(--border-color);border-width:0 0 1px;transition:all .3s ease-in-out;align-items:center}.latest-article__item:hover{opacity:.8}.latest-article__item img{max-width:100%;height:90px;object-fit:cover}.latest-article__item__detail{margin-left:1em}.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)}.get-in-touch-title{font-size:9rem;font-weight:800;text-align:center;color:var(--border-color);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:rotate(20deg) scale(1.5)}.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:#0a66c2}.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(--accent-color);transition:all .5s ease-in-out}.about__image img:hover{transform:scale(.98);-webkit-transform:scale(.98);z-index:1;box-shadow:15px 15px 0 var(--accent-color)}.about__intro{display:flex;align-items:center;margin-left:80px}.about__intro h1{font-size:4rem;line-height:1.2;letter-spacing:-4px}.about__intro h1 .icon{width:70px;height:70px}.about__intro p,.about__more p{font-size:1.1rem;line-height:1.6}.about__intro .link,.about__more .link{color:var(--accent-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:420px;height:400px;transition:all .5s ease-in-out;object-fit:cover}.image__grid img:hover{transform:scale(1.08);-webkit-transform:scale(1.08)}.showcase-img{display:flex;align-items:center;flex-direction:column}.showcase-img .showcase-img__content{display:flex;justify-content:space-evenly;align-items:center}.showcase-img div{overflow:hidden}.caption{font-size:.7rem;margin-top:1em;color:var(--dimmed-text)}.showcase-img img{max-width:100%;height:100%;object-fit:cover;transition:all .5s ease-in-out}.showcase-img img:hover{transform:scale(1.08)}.testimonials__grid{display:flex;flex-wrap:wrap;justify-content:flex-start}.testimonials__item{padding:1em;display:flex;flex-direction:column;transition:all .3s ease-in-out;max-width:calc(33% - 43px);border:1px solid var(--border-color)}.testimonials__item:hover{opacity:.8}.endorser-info{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0}.endorser-name{font-size:1rem;font-weight:700}.endorser-name-title{margin-left:12px;max-width:70%}.endorser-pic{width:50px;height:50px;overflow:hidden}.endorser-title{font-size:.65rem;color:var(--tertiarty-color)}.endorser-message{font-size:.8rem;padding:1em 0 0;color:var(--dimmed-text);position:relative}.experience__list{display:flex;flex-direction:column}.experience__item{padding:1.5em 0;border:1px solid var(--border-color);transition:all .3s ease-in-out;border-width:0 0 1px;display:flex;align-items:center}.experience__content{display:flex;align-items:flex-end}.experience__item .icon{fill:var(--secondary-color);width:32px;height:32px;margin-right:10px}.experience__item h4{color:var(--white-color);font-size:1rem;margin-right:4px}.experience__item .title{color:var(--tertiarty-color);font-size:.8rem}.experience__item .exp-time{color:var(--dimmed-text);font-size:.8rem;width:225px}@-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:.7rem;display:flex;justify-content:space-between;opacity:.7}@media screen and (max-width: 980px){.mtb-lg{margin:60px 0}.hide{display:none}.section-title{font-size:2rem}.about__image img{max-width:100%;height:100%}.intro h1,.about__intro h1{font-size:2rem;letter-spacing:-1px}.about__intro h1 .icon{width:40px;height:40px}.intro{margin:0 0 80px}.intro p{margin:40px 0}.about__intro p,.about__more p{font-size:.8rem;line-height:1.6}.showcase-img .showcase-img__content{flex-direction:column}.icon-link{top:13px}.testimonials__item{max-width:100%}.experience__content{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 780px){.name{width:70px}.section-title,.other-article-container .section-title{font-size:1.4em}.intro h1{font-size:1.8rem;letter-spacing:0}.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}.experience__item{flex-direction:column;align-items:flex-start}}@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,.other-article-container .section-title{font-size:1.4rem}.latest-article__item{flex-direction:column;align-items:flex-start}.latest-article__item img{height:100%;width:100%}.latest-article__item__detail{margin:10px 0 0}.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(--accent-color)}.info{font-size:.8rem}.container{padding:0 20px}.social li a{width:24px;height:24px}.copyright{flex-direction:column;justify-content:unset}.endorser-pic,.endorser-pic img{width:40px;height:40px}.experience__item{flex-direction:column}}@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%}.endorser-message:before{width:16px;height:16px}}.blog-list{display:flex;flex-wrap:wrap;justify-content:flex-start;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:210px;max-width:100%;object-fit:cover}article{margin:0 auto}.article__featured-image{width:100%}.article__featured-image img{max-width:100%;width:100%;height:600px;object-fit:cover}.article__header{background-color:var(--primary-color);padding:60px;z-index:1;position:relative;text-align:center;border-bottom:1px solid var(--border-color)}.article__helpers{display:flex;align-items:center}.article__helpers .share{margin:40px 0}.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}.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:1.2rem 0 .4rem}.article__content h5{font-size:.8rem}.article__content h6{font-size:.4rem;margin:1em 0 .4em}.article__content p{margin-bottom:1rem;line-height:1.8;font-size:.9rem;color:var(--dimmed-text)}.article__content a{color:var(--accent-color);text-decoration:none;position:relative;transition:color .3s ease;-webkit-transition:all .3s ease-in-out}.article__content a:before{position:absolute;content:"";display:block;background:var(--accent-color);bottom:-5px;left:0;height:2px;width:0;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:-1}.article__content a:hover:before{width:100%}.article__content a:hover{color:var(--accent-color);text-decoration:none}.article__content ul{margin-left:2rem;margin-bottom:2rem;font-size:.9rem;color:var(--dimmed-text)}.article__content ul li{margin-bottom:.5em;color:var(--dimmed-text);line-height:1.4}li::marker{color:var(--accent-color);font-size:1.5em}.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(/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)}.other-article-container{border-top:1px solid var(--border-color);margin-top:100px;padding:50px 0 0}.other-article-container .section-title{font-size:2rem}.other-article{display:flex;padding:20px 0 0;justify-content:space-between}.other-article__item{display:flex;flex-direction:column;max-width:calc(100% / 3 - 50px);width:100%}.other-article__item img{max-width:100%;height:200px;object-fit:cover;transition:all .2s ease-in-out}.other-article__item img:hover{opacity:.7}.other-article__item a{text-decoration:none;color:var(--white-color);font-size:.7rem}.other-article__item__detail time{font-size:.7rem;color:var(--dimmed-text);margin:10px 0;display:inline-block}.other-article__item a:hover{text-decoration:underline}.other-article__item h3{font-size:.9rem}.share{display:flex;margin:2rem 0 0;align-items:center;color:var(--secondary-color)}.share-links{display:flex;align-items:center}.share-links a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-color)}.share-links a:hover{text-decoration:none}.share-links .icon{width:24px;height:24px;fill:var(--secondary-color);padding:16px;transition:all .2s ease-in-out}.share-links a:hover .icon{fill:var(--accent-color);transform:scale(1.2)}@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:45%}.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;margin-bottom:20px;max-width:100%;border-bottom:1px solid var(--border-color)}.blog-list__item img{width:100%;height:200px;margin:0}.article__featured-image{height:400px}.article__featured-image img{height:200px}.share{align-items:flex-start;flex-direction:column}.other-article{flex-direction:column}.other-article__item{max-width:100%;flex-direction:row;margin-bottom:20px}.other-article__item img{max-width:120px;height:80px}.other-article__item h3{font-size:.7rem}.other-article__item__detail{margin-left:20px}.other-article__item__detail time{margin:0 0 5px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}