@font-face{font-family:Open Sauce One;font-style:normal;font-weight:400;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-Regular.woff) format("woff")}@font-face{font-family:Open Sauce One;font-style:italic;font-weight:400;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-Italic.woff) format("woff")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:500;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-Medium.woff) format("woff")}@font-face{font-family:Open Sauce One;font-style:italic;font-weight:500;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-MediumItalic.woff) format("woff")}@font-face{font-family:Open Sauce One;font-style:normal;font-weight:600;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-SemiBold.woff) format("woff")}@font-face{font-family:Open Sauce One;font-style:italic;font-weight:600;src:local("Open Sauce One"),url(/fonts/OpenSauceOne/OpenSauceOne-SemiBoldItalic.woff) format("woff")}html{font: 16px/20px Open Sauce One,DM Sans,Segoe UI,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-optical-sizing:auto}body{margin:0;padding:0;scroll-behavior:smooth;font-size:var(--default-font-size)}*,*:after,*:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.sb::-webkit-scrollbar{width:.45em;background-color:#ffffff81}.sb::-webkit-scrollbar-thumb{background-color:#00000041;border-radius:50px}.width-crop{max-width:1200px;margin:auto}.text{font-style:normal;font-weight:400;font-size:1rem;line-height:151.34%}.header{height:60px;display:flex;align-items:center;padding:0 60px}.header .logo{display:flex;align-items:center;text-decoration:none;color:#000;position:relative;z-index:999}.header .logo .image{height:80px;width:80px;background-image:url(/branding/logo-light-transparentbg.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:15px}.header .menu{margin-left:auto;display:flex;gap:30px;align-items:center}.header .menu .item{display:inline-block;text-decoration:none;color:#727272;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;transition:color .2s}.header .menu .item.active,.header .menu .item:hover{color:#000}.header .menu .rss-btn>svg{width:15px;fill:#727272;transition:fill .2s}.header .menu .rss-btn:hover>svg{fill:#000}.header .menu-btn{margin-left:auto;border:0;background-color:transparent;height:40px;width:40px;display:none;cursor:pointer;position:relative;z-index:999}.header .menu-btn>svg{height:100%;width:100%}.flex{margin:0 60px;display:flex}.flex.gap{gap:20px}.pagetitle{font-size:2.5rem;line-height:3rem;letter-spacing:-.03em;text-align:center;padding:0 60px}.page-head{margin:0 60px;padding:40px;border-radius:25px;text-align:center}.page-head .pre-heading{display:block;text-transform:uppercase;font-size:.9rem;font-weight:500;color:#a7a7a7;margin-bottom:10px}.page-head>h1{font-size:2.5rem;line-height:3rem;letter-spacing:-.03em;margin:0 0 15px}.page-head>span{font-style:normal;font-weight:400;font-size:1rem;line-height:151.34%;color:#000000a6}@keyframes introAnim{0%{transform:translate(45%) translateY(-15%)}50%{transform:translate(45%) translateY(50%)}to{transform:translate(45%) translateY(-15%)}}.home .intro .left{border-radius:25px;padding:40px;position:relative;overflow:hidden;width:100%;background-color:#f1f1f1;z-index:0}.home .intro .left .gradient{position:absolute;height:600px;width:600px;background:radial-gradient(hsla(144,100%,50%,.59),hsla(144,100%,50%,.24),transparent,transparent);bottom:0;right:0;transform:translate(45%) translateY(-15%);z-index:-1;animation:introAnim ease-in-out 5s infinite}.home .intro .left .title{font-size:2.5rem;line-height:3rem;letter-spacing:-.03em;margin:0;max-width:75%}.home .intro .left .description{display:block;height:90px;margin:40px 0;color:#000;font-weight:400}.home .intro .left .buttons{display:flex;gap:15px}.home .intro .left .buttons .cta-btn{display:inline-block;text-decoration:none;background-color:#000;color:#fff;padding:15px 40px;border-radius:40px;font-size:.9rem;font-weight:600;transition:background-color .2s}.home .intro .left .buttons .cta-btn:hover{background-color:#2b2b2b}.home .intro .left .buttons .social-btn{display:inline-flex;align-items:center;height:50px;width:50px;min-width:50px;justify-content:center;background-color:#fff;border-radius:50px;color:#000;transition:background-color .2s}.home .intro .left .buttons .social-btn:hover{background-color:#e6e6e6}.home .intro .right{border-radius:25px;background:url(/images/landing-portrait.jpg);width:35%;min-width:300px;height:445px;background-size:cover;background-position:center}.home .projects{margin-top:20px;display:flex;flex-wrap:wrap}.home .projects .box{border-radius:25px;width:calc(50% - 10px);overflow:hidden;text-decoration:none;color:#000;transition:transform .2s;position:relative}.home .projects .box .head{display:flex;padding:30px;gap:20px}.home .projects .box .head .arrow{height:45px;width:45px;min-width:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;background-color:#fff;color:#000;box-shadow:0 1px 4px #00000008;margin-left:auto}.home .projects .box .head .arrow svg{width:20px}.home .projects .box .head .text h2{margin:0;font-size:1.1rem;font-weight:500}.home .projects .box .head .text span{font-size:.9rem;color:#000}.home .projects .box .thumbnail{height:300px}.home .projects .box .thumbnail .img{height:300px;width:100%;background-size:cover;transform:translate(30px);border-radius:25px 0;background-repeat:no-repeat;position:absolute;bottom:0;right:0}.home .projects .box.dark{color:#fff}.home .projects .box.dark .head .text span{color:#ffffffbd}.home .projects .box:hover{transform:scale(1.02)}.home .oss{border:1px solid #dcdcdc;border-radius:25px;padding:40px;flex-wrap:wrap}.home .oss .x-embed{display:flex;width:100%;gap:30px;align-items:center}.home .oss .x-embed .text{display:block;width:100%}.home .oss .x-embed .text .title{font-size:2.5rem;line-height:3rem;letter-spacing:-.03em;margin:0;max-width:75%;display:flex;align-items:center;flex-wrap:wrap}.home .oss .x-embed .text .title svg{width:50px;height:40px;color:#0044ec}.home .oss .x-embed .text .description{display:block;margin:40px 0;color:#000000d6;font-weight:400}.home .oss .x-embed .text .cta-btn{display:inline-flex;align-items:center;text-decoration:none;background-color:#000;color:#fff;padding:15px 40px;border-radius:40px;font-size:.9rem;font-weight:600;transition:background-color .2s;gap:10px}.home .oss .x-embed .text .cta-btn:hover{background-color:#2b2b2b}.mywork .projects{margin-top:20px;display:flex;flex-wrap:wrap}.mywork .projects .box{border-radius:25px;width:calc(50% - 10px);overflow:hidden;text-decoration:none;color:#000;transition:transform .2s;position:relative}.mywork .projects .box .head{display:flex;padding:30px;gap:20px}.mywork .projects .box .head .arrow{height:45px;width:45px;min-width:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;background-color:#fff;color:#000;box-shadow:0 1px 4px #00000008;margin-left:auto}.mywork .projects .box .head .arrow svg{width:20px}.mywork .projects .box .head .text h2{margin:0;font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mywork .projects .box .head .text h2 .badge{background-color:#00000014;padding:0 10px;border-radius:50px;text-transform:uppercase;font-size:.78rem;color:#000000d4}.mywork .projects .box .head .text span{font-size:.9rem;color:#000}.mywork .projects .box .thumbnail{height:300px}.mywork .projects .box .thumbnail .img{height:300px;width:100%;background-size:cover;transform:translate(30px);border-radius:25px 0;background-repeat:no-repeat;position:absolute;bottom:0;right:0}.mywork .projects .box.dark{color:#fff}.mywork .projects .box.dark .head .text>span{color:#ffffffbd}.mywork .projects .box.dark .head .text .badge{color:#ffffffd4;background-color:#ffffff21}.mywork .projects .box:hover{transform:scale(1.02)}.center-link{display:flex;justify-content:center;align-items:center;margin:30px 0;text-decoration:none;font-weight:500;color:#000}.footer{margin:20px 60px;border-radius:25px;color:#fff;padding:40px;background:url(/images/footer-gradient.svg);background-size:75%;background-repeat:no-repeat;background-position:220% 0;background-color:#000}.footer .title{font-size:2.5rem;line-height:3rem;letter-spacing:-.03em;margin:0;max-width:75%}.footer .description{display:block;margin:40px 0;color:#ffffffd6;font-weight:400}.footer .buttons{display:flex;gap:15px}.footer .buttons .cta-btn{display:inline-block;text-decoration:none;background-color:#2ada6c;color:#000;padding:15px 40px;border-radius:40px;font-size:.9rem;font-weight:600;transition:background-color .2s}.footer .buttons .cta-btn:hover{background-color:#54dc87}.footer .buttons .social-btn{display:inline-flex;align-items:center;height:50px;width:50px;min-width:50px;justify-content:center;background-color:#ffffff2b;border-radius:50px;color:#fff;transition:background-color .2s}.footer .buttons .social-btn:hover{background-color:#ffffff30}.copyright{padding:0 60px 30px;text-align:center;font-size:.9rem;font-weight:500;color:#393939}.copyright a.easter{color:#000;text-decoration:none}.copyright a.easter:hover{text-decoration:underline}@keyframes gradientCircleAnim{0%{width:30%}50%{width:50%}to{width:30%}}@keyframes gradientCircleAnimMobile{0%{width:50%}50%{width:75%}to{width:50%}}.gradient-circle{position:absolute;height:400px;width:40%;top:0;left:0;right:0;margin:auto;transform:translateY(-60%);z-index:-1;animation:gradientCircleAnim 5s infinite}.nav-slider{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#fff;z-index:998;padding:100px 30px 25px;transform:translate(100%);opacity:0}.nav-slider .slider-menu .item{display:block;text-decoration:none;font-size:1.5rem;color:#000;font-weight:600;margin-bottom:35px}.blogs .posts-big{flex-wrap:wrap;margin-bottom:20px}.blogs .posts-big .post{width:calc(50% - 15px);border-radius:25px;text-decoration:none;color:#000;padding:25px 20px;border:2px solid #e5e5e5;transition:border-color .2s}.blogs .posts-big .post .content h2{font-size:1.8rem;line-height:2.7rem;letter-spacing:-.02em;margin:0 0 10px;font-weight:600}.blogs .posts-big .post .content h3{font-size:1.2rem;line-height:1.6rem;letter-spacing:-.02em;margin:0 0 30px;font-weight:500;color:#787878}.blogs .posts-big .post .content span{font-size:.85rem;border-radius:25px;color:#000;font-weight:500}.blogs .posts-big .post:hover{border-color:#454545}.blogs .posts-big .post:hover .thumbnail{background-size:107%}.blogs .posts{flex-wrap:wrap}.blogs .posts .post{width:calc(33.33% - 15px);border-radius:25px;text-decoration:none;color:#000;padding:25px 20px;border:2px solid #e5e5e5;transition:border-color .2s}.blogs .posts .post .content h2{font-size:1.3rem;line-height:1.8rem;letter-spacing:-.02em;margin:0 0 6px;font-weight:600}.blogs .posts .post .content h3{font-size:1rem;line-height:1.6rem;letter-spacing:-.02em;margin:0 0 20px;font-weight:500;color:#787878}.blogs .posts .post .content span{font-size:.85rem;border-radius:25px;color:#000;font-weight:500}.blogs .posts .post:hover{border-color:#454545}.blogs .posts .post:hover .thumbnail{background-size:107%}.blog .separator{display:block;width:50%;margin:auto auto 30px;height:1px;border-radius:10px;background-color:#dadada}.blog .blog-body{padding:0 40px;width:100%}.blog .blog-body a{text-decoration:none;color:#079b53}.blog .blog-body a:hover{text-decoration:underline}.blog .blog-body h1{font-size:2.3rem;margin:45px 0 30px}.blog .blog-body h2{margin:30px 0 15px}.blog .blog-body blockquote{border-left:2px solid #808080;padding:0 15px;color:#454545}.blog .blog-body mark{padding:0 3px;border-radius:6px}.blog .blog-body .astro-code{padding:15px 20px;border-radius:15px}.blog .comments-box{max-width:700px;margin:30px auto}@media (max-width: 1100px){.home .intro .left .title{font-size:2.3rem;max-width:85%}}@media (max-width: 1000px){.header{padding:0 30px}.flex{margin:0 30px}.footer{margin:20px 30px}.home .intro .right{min-width:auto}}@media (max-width: 900px){.footer,.page-head,.home .intro .left{padding:30px}.home .projects .box .head{padding:20px}.home .projects .box .head .arrow{height:35px;width:35px;min-width:35px}.home .projects .box .thumbnail .img{transform:translate(20px)}.home .oss{padding:30px}.mywork .projects .box .head{padding:20px}.mywork .projects .box .head .arrow{height:35px;width:35px;min-width:35px}.mywork .projects .box .thumbnail .img{transform:translate(20px)}}@media (max-width: 800px){:root{font-size:15px}.page-head h1{font-size:2.3rem}.header{height:80px}.header .menu{display:none}.header .menu-btn{display:inline-block}.gradient-circle{animation:gradientCircleAnimMobile 5s infinite}.footer .title{font-size:2rem;max-width:100%}.footer .description{margin:25px 0}.footer .buttons{flex-wrap:wrap}.footer .buttons .cta-btn{width:100%;text-align:center}.footer .buttons .social-btn{margin:auto}.home .intro{flex-direction:column-reverse}.home .intro .left .gradient,.home .intro .left .gradient2{height:450px;width:450px}.home .intro .left .title{font-size:1.8rem;line-height:2.1rem;max-width:100%}.home .intro .left .description{margin:25px 0;height:auto}.home .intro .left .buttons{flex-wrap:wrap}.home .intro .left .buttons .cta-btn{display:block;width:100%;text-align:center}.home .intro .left .buttons .social-btn{margin:auto}.home .intro .right{width:100%;height:250px;background-position:center 70%}.home .projects .box{width:100%}.home .projects .box .thumbnail,.home .projects .box .thumbnail .img{height:250px}.home .oss .x-embed{align-items:initial;flex-direction:column}.home .oss .x-embed .text .title{max-width:100%;font-size:2rem}.home .oss .x-embed .text .description{margin:25px 0}.mywork .projects .box{width:100%}.mywork .projects .box .thumbnail,.mywork .projects .box .thumbnail .img{height:250px}.blogs .posts-big{flex-direction:column}.blogs .posts-big .post{width:100%;padding:20px 15px}.blogs .posts-big .post .content h3{font-size:1rem}.blogs .posts .post{width:calc(50% - 15px);padding:15px}.blogs .posts .post .content h2{font-size:1.1rem}.blogs .posts .post .content h3{font-size:.9rem;letter-spacing:-.01em;margin:0 0 10px}.blog .blog-body{padding:0}.blog .comments-box{max-width:initial;margin:30px}}