.body-tag{--bg-opacity: 0;background:#0e1322;color:#e8edf5;font-family:"Raleway",sans-serif;height:100vh;margin:0;padding:0}.body-tag::after{background:rgba(0, 0, 0, var(--bg-opacity));content:"";height:calc(100% - 64px);position:fixed;top:64px;width:100%;z-index:-1}.body-tag.game-2048::after{background:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, var(--bg-opacity)));height:calc(100% - 128px);position:absolute;z-index:-1}.body-tag.scroll-hidden{overflow:hidden}.body-tag.scroll-hidden:not(.game-2048)::after{z-index:0}.reverse-primary-btn,.primary-btn,.reverse-solid-btn,.solid-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;box-sizing:border-box;cursor:pointer;font:16px/20px "Raleway",sans-serif;height:fit-content;min-height:48px;padding:0 10px;width:fit-content}[data-game-over] .reverse-primary-btn,[data-game-over] .primary-btn,[data-game-over] .reverse-solid-btn,[data-game-over] .solid-btn{visibility:hidden}.reverse-primary-btn:hover,.primary-btn:hover,.reverse-solid-btn:hover,.solid-btn:hover{background:#1e2b42}.reverse-primary-btn:focus,.primary-btn:focus,.reverse-solid-btn:focus,.solid-btn:focus{border-width:3px;margin:0 -1px}.reverse-primary-btn .btn-logo,.primary-btn .btn-logo,.reverse-solid-btn .btn-logo,.solid-btn .btn-logo{height:24px;margin-left:10px;width:24px}.solid-btn{background:#161e35;border:2px solid #10b981;border-radius:5px;color:#10b981}.reverse-solid-btn{background:rgba(0,0,0,0);border:0;color:#10b981;cursor:pointer}.reverse-solid-btn:hover{background:none}.reverse-solid-btn .btn-logo{fill:#10b981}.primary-btn{background:#161e35;border:2px solid #10b981;border-radius:30px;color:#10b981;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.primary-btn:hover{background:#1e2b42;box-shadow:0 0 16px rgba(16,185,129,.35),0 0 0 1px rgba(16,185,129,.5)}.primary-btn .btn-logo{fill:#10b981}.reverse-primary-btn{background:rgba(0,0,0,0);border:2px solid #10b981;border-radius:30px;color:#10b981;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.reverse-primary-btn:hover{background:rgba(16,185,129,.08);box-shadow:0 0 14px rgba(16,185,129,.3)}.reverse-primary-btn .btn-logo{fill:#10b981}.hamburger-btn{height:48px;width:48px}.hamburger-btn:focus{margin:0}.hamburger-btn .hamburger-menu{list-style-type:none;margin:0;padding:0;width:fit-content}.hamburger-btn .hamburger-menu .line{background:var(--line-color, #000);border-radius:2px;height:3.5px;margin:3px 0;width:21px}.js-section .image-wrapper,.js-modal-section .image-wrapper{display:grid;grid:"image-sizer"}.js-section .image-sizer,.js-modal-section .image-sizer{grid-area:image-sizer;height:0;padding-bottom:var(--default-height, 100%)}.js-section .image-frame,.js-modal-section .image-frame{grid-area:image-sizer}.bg-dot-box{display:flex;height:22px;width:67px}@media(min-height: 650px)and (min-width: 1024px){.bg-dot-box{height:33px;width:101px}}@media(min-height: 650px)and (min-width: 1440px){.bg-dot-box{height:44px;width:133px}}.bg-dot-box .dots-logo{height:100%;width:100%}.game-2048-iframe{border:0;height:100vh;width:100%}.game-2048 .page-content{height:100vh}.portfolio .page-content{overflow:hidden}.portfolio .title{color:#e8edf5;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;font-size:36px;height:fit-content;letter-spacing:2px;margin:0;position:relative;width:fit-content;z-index:2}@media(min-width: 1024px){.portfolio .title{font-size:48px}}@media(min-width: 1440px){.portfolio .title{font-size:64px}}.portfolio .title::after{background:rgba(251,191,36,.5);bottom:0;content:"";display:block;height:50%;position:absolute;transform:translateX(-10px);width:calc(100% + 20px);z-index:-1}.fixed-btns{bottom:0;position:fixed;right:0;z-index:1}.fixed-btns .toggle-motion-btn{display:grid;grid-template-areas:"motion-btn";height:auto;left:50%;padding:14px;position:absolute;top:50%;transform:translate(-50%, -50%)}.fixed-btns .toggle-motion-btn:hover .label{opacity:1;padding-left:10px;width:100%}.fixed-btns .toggle-motion-btn:focus{margin:0}.fixed-btns .toggle-motion-btn[data-activate-animation=true] .motion-pause{opacity:1}.fixed-btns .toggle-motion-btn[data-activate-animation=false] .motion-play{opacity:1}.fixed-btns .toggle-motion-btn-wrapper{left:100%;padding:10px;position:relative;transform:translateX(-100%);visibility:hidden;width:fit-content}@media(min-width: 1024px){.fixed-btns .toggle-motion-btn-wrapper{visibility:visible}}.fixed-btns .toggle-motion-btn .motion-pause,.fixed-btns .toggle-motion-btn .motion-play{fill:#10b981;grid-area:motion-btn;height:24px;opacity:0;width:24px}.fixed-btns .circular-text{fill:#10b981;height:98px;width:98px}.fixed-btns .circular-text path{transform:translate(10px, 10px)}.fixed-btns .circular-text g{transform:translate(2px, 6px)}.fixed-btns .circular-text g text{font-size:13.4px}.snackbar{background:#fff;border-radius:5px;bottom:0;box-shadow:2px 4px 4px rgba(0,0,0,.25);grid-area:snackbar;margin:10px;opacity:0;padding:15px;width:fit-content}.snackbar-wrapper{bottom:0;display:grid;grid-template-areas:"snackbar";position:fixed;z-index:-1}.snackbar .snackbar-text{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.snackbar .snackbar-text.hide-text{display:none}.snackbar .snackbar-text .snackbar-logo{fill:#10b981;height:24px;width:24px}.snackbar .snackbar-text .text{color:#10b981;padding-left:5px}.visually-hidden{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-header{backdrop-filter:blur(5px);background:rgba(15,22,41,.5);width:100%;z-index:1000}@media(min-width: 600px)and (min-height: 650px){.app-header{position:fixed;top:0}}.portfolio .app-header{background:rgba(8,12,26,.5);position:fixed;top:0}.projects .app-header{background:rgba(8,12,26,.5);position:fixed;top:0}.app-header .mobile-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media(min-height: 650px)and (min-width: 769px){.app-header .mobile-header{display:none}}.app-header .desktop-header{display:none}@media(min-height: 650px)and (min-width: 769px){.app-header .desktop-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}}.app-header .mobile-header .header-logo,.app-header .desktop-header .header-logo{align-items:center;display:flex;height:64px;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link,.app-header .desktop-header .header-logo .header-logo-link{align-items:center;color:#fbbf24;display:flex;height:48px;margin-left:7px;text-decoration:none;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container{align-items:center;column-gap:15px;display:flex;padding:0 7px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-image,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-image{height:28px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-name,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-name{font-family:Rock Salt,Roboto,Arial,Helvetica,sans-serif}.app-header .mobile-header .header-cta,.app-header .desktop-header .header-cta{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:5px;margin-right:15px}.app-header .mobile-header .header-cta-link,.app-header .desktop-header .header-cta-link{border-radius:5px;box-sizing:border-box;color:#cbd5e1;min-height:48px;padding:12px 10px;text-decoration:none;text-transform:uppercase}.app-header .mobile-header .header-cta-link:hover,.app-header .mobile-header .header-cta-link:focus,.app-header .desktop-header .header-cta-link:hover,.app-header .desktop-header .header-cta-link:focus{background:rgba(15,22,41,.3);color:#10b981}.app-header .mobile-header .header-cta .hamburger-btn,.app-header .desktop-header .header-cta .hamburger-btn{--line-color: #FBBF24;background:rgba(0,0,0,0);border:none}.app-header .mobile-header .header-cta .hamburger-btn:hover,.app-header .mobile-header .header-cta .hamburger-btn:focus,.app-header .desktop-header .header-cta .hamburger-btn:hover,.app-header .desktop-header .header-cta .hamburger-btn:focus{background:rgba(15,22,41,.3);color:#10b981}.app-header .mobile-header .header-cta .menu-modal,.app-header .desktop-header .header-cta .menu-modal{background:#161e35;border:1px solid rgba(16,185,129,.2);color:#e8edf5;height:calc(100vh - 64px);right:55%;width:90%}.app-header .mobile-header .header-cta .menu-modal .modal-header,.app-header .desktop-header .header-cta .menu-modal .modal-header{height:140px;padding-bottom:20px;position:relative}.app-header .mobile-header .header-cta .menu-modal .modal-header::before,.app-header .desktop-header .header-cta .menu-modal .modal-header::before{background:url("/static/images/logo/og-image-portfolio.7856dfbc21c7.png");background-position-y:45%;background-size:cover;border-radius:0 0 25px 25px;content:"";height:calc(100% + 20px);position:absolute;transform:translate(-20px, -20px);width:calc(100% + 40px);z-index:-1}@media(min-width: 600px){.app-header .mobile-header .header-cta .menu-modal .modal-header::before,.app-header .desktop-header .header-cta .menu-modal .modal-header::before{background:#0f1629}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:none;font-size:64px;left:50%;position:relative;top:50%;transform:translate(-50%, -50%)}@media(min-width: 600px){.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:block}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title::after,.app-header .desktop-header .header-cta .menu-modal .modal-header .title::after{display:none}.app-header .mobile-header .header-cta .menu-modal .btn-container,.app-header .desktop-header .header-cta .menu-modal .btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link{align-items:center;display:flex;flex-direction:row;justify-content:center;color:#e8edf5;margin:10px 0;width:100%}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text{flex-grow:1;margin-left:15px;text-align:left}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right{fill:#10b981;height:24px;transform:rotate(90deg);width:24px}.app-footer{position:relative}.app-footer .footer{background:#0f1629;bottom:0;text-align:center;width:100vw}.game-2048 .app-footer .footer{background:rgba(8,12,26,.5);color:#795d04;display:none;position:fixed}@media(min-width: 600px)and (min-height: 650px){.game-2048 .app-footer .footer{display:block}}.app-footer .footer-text{color:#e8edf5;font-size:14px;margin:0;padding:10px}.grid-display{display:grid !important;grid-template-columns:repeat(12, 1fr) !important;row-gap:48px !important}.grid-display .grid-span-2{grid-column:span 2}.grid-display .grid-span-3{grid-column:span 3}.grid-display .grid-span-4{grid-column:span 4}.page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: -50%, 50%;--translateY: 0, 0;background:var(--modal-bk-color, #fff);height:calc(100% - 64px);overflow-y:auto;position:absolute;right:50%;top:64px;width:100%;z-index:1000}@media(min-height: 650px)and (min-width: 600px){.page-modal{transform:translateY(0)}}@media(min-height: 650px)and (min-width: 769px){.page-modal{height:100%;top:0}}@media(min-height: 650px)and (min-width: 1024px){.page-modal{--opacity: 0, 1;--scale: 0.5, 1;--translateX: 50%, 50%;--translateY: -50%, -50%;border:1px solid rgba(16,185,129,.35);border-radius:10px;box-shadow:0 0 80px rgba(16,185,129,.1),0 24px 80px rgba(0,0,0,.6);height:75vh;max-width:984px;top:50%}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border-radius:0;height:100%;max-width:min(75vw,1023px)}}.page-modal.hide-modal{display:none}.page-modal.modal-open{max-width:1024px}@media(min-width: 1024px)and (min-height: 650px){.page-modal.modal-open{max-width:984px;top:50%}.page-modal.modal-open.full-page-modal{max-width:min(75vw,1023px);top:0}}.page-modal.fixed-page-modal{position:fixed;top:64px;transform:none}@media(min-height: 650px)and (min-width: 1024px){.page-modal.fixed-page-modal{top:50%}}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border:0;position:fixed;right:0;top:64px;transform:none}@media(min-height: 650px)and (min-width: 769px){.page-modal.full-page-modal{top:0}}.page-modal.card-modal,.page-modal.timeline-modal{background:#161e35;color:#e8edf5}.page-modal.card-modal .modal-content .modal-header,.page-modal.timeline-modal .modal-content .modal-header{column-gap:30px;position:sticky;top:20px}.page-modal.card-modal .modal-content .modal-header::before,.page-modal.timeline-modal .modal-content .modal-header::before{background:#161e35;content:"";height:calc(100% + 20px);position:absolute;top:-20px;width:100%;z-index:-1}.page-modal.card-modal .modal-content .modal-header::after,.page-modal.timeline-modal .modal-content .modal-header::after{background-color:rgba(16,185,129,.12);background-image:linear-gradient(#10B981, #10B981);background-position:left center;background-repeat:no-repeat;background-size:var(--scroll-progress, 0%) 100%;bottom:0;content:"";height:3px;position:absolute;width:100%}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-header::after,.page-modal.timeline-modal .modal-content .modal-header::after{left:48px;width:calc(100% - 96px)}}.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{color:#10b981;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;font-size:32px;margin:0 0 24px}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{font-size:40px;margin:24px 0 24px 48px}}@media(min-width: 1024px){.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{font-size:48px}}.page-modal.card-modal .modal-content .modal-body,.page-modal.timeline-modal .modal-content .modal-body{padding-top:24px}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-body,.page-modal.timeline-modal .modal-content .modal-body{margin:0 48px}}.page-modal.card-modal .modal-content .modal-body .image-wrapper,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper{--default-height: 200px;height:200px;margin:0}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-body .image-wrapper,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper{--default-height: 400px;height:400px}}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image{border-radius:8px;height:var(--default-height, 100%);object-fit:cover;width:100%}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image.image-contain,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image.image-contain{object-fit:contain}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image.bg-white,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image.bg-white{background:#fff}.page-modal.card-modal .modal-content .modal-body .image-wrapper .image-caption,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .image-caption{font-size:8px;text-align:right}.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{color:#64748b;font-size:14px;line-height:24px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{font-size:16px}}@media(min-width: 1440px){.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{font-size:18px;line-height:28px}}.page-modal.card-modal .modal-content .modal-body .modal-subheading .desc-para,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading .desc-para{margin:0}.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:14px;line-height:28px;margin-top:36px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:16px}}@media(min-width: 1440px){.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:18px;line-height:32px}}.page-modal.card-modal .modal-content .modal-body .modal-description h2,.page-modal.timeline-modal .modal-content .modal-body .modal-description h2{border-bottom:1px solid rgba(251,191,36,.2);color:#fbbf24;font-size:22px;font-weight:600;margin:32px 0 12px;padding-bottom:8px}.page-modal.card-modal .modal-content .modal-body .modal-description h2:first-child,.page-modal.timeline-modal .modal-content .modal-body .modal-description h2:first-child{margin-top:0}.page-modal.card-modal .modal-content .modal-body .modal-description h3,.page-modal.timeline-modal .modal-content .modal-body .modal-description h3{color:#10b981;font-size:17px;font-weight:600;margin:24px 0 8px}.page-modal.card-modal .modal-content .modal-body .modal-description h4,.page-modal.timeline-modal .modal-content .modal-body .modal-description h4{color:#64748b;font-size:15px;font-weight:600;margin:16px 0 6px}.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.card-modal .modal-content .modal-body .modal-description .highlighted-text,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .highlighted-text{color:#10b981;font-weight:500}.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading{font-size:16px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading{font-size:18px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-title{font-size:28px;font-weight:500;letter-spacing:.5px;margin:40px 0 10px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .sub-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-title{font-size:32px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-heading{color:#10b981;font-size:18px;font-weight:300;letter-spacing:.5px;margin:20px 0 10px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .sub-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-heading{font-size:20px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-list,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-list{margin:0}.page-modal.card-modal .modal-content .modal-body .modal-description .modal-section-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-section-title{font-size:22px;font-weight:600;letter-spacing:.3px;margin:24px 0 6px;padding-top:14px}.page-modal.card-modal .modal-content .modal-body .modal-description .modal-section-title:first-of-type,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-section-title:first-of-type{border-top:0;margin-top:0;padding-top:0}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .modal-section-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-section-title{font-size:26px}}.page-modal.card-modal .modal-content .modal-body .modal-description .modal-subsection-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-subsection-title{color:#10b981;font-size:15px;font-weight:600;letter-spacing:.3px;margin:16px 0 6px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .modal-subsection-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-subsection-title{font-size:17px}}.page-modal.card-modal .modal-content .modal-body .modal-description .modal-detail-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-detail-title{font-size:14px;font-weight:600;margin:12px 0 4px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .modal-detail-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-detail-title{font-size:15px}}.page-modal.card-modal .modal-content .modal-body .modal-description .modal-summary,.page-modal.timeline-modal .modal-content .modal-body .modal-description .modal-summary{background:rgba(16,185,129,.06);border-left:3px solid #10b981;border-radius:0 6px 6px 0;line-height:2;margin-top:24px;padding:14px 20px}.page-modal.card-modal .modal-content .modal-body .modal-btn,.page-modal.timeline-modal .modal-content .modal-body .modal-btn{font-size:16px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-btn,.page-modal.timeline-modal .modal-content .modal-body .modal-btn{font-size:18px}}.page-modal.card-modal .modal-content .modal-body .modal-btn-wrapper,.page-modal.timeline-modal .modal-content .modal-body .modal-btn-wrapper{display:flex;flex-wrap:wrap;gap:15px;margin:36px 0}.page-modal .modal-content{margin:20px}.page-modal .modal-content .modal-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;column-gap:15px}.page-modal .modal-content .modal-header .title{color:#795d04;font-size:36px;line-height:48px;margin:0}.page-modal .modal-content .modal-header .close-btn{padding:0 6px}.page-modal .modal-content .modal-header .close-btn .close-logo{fill:#10b981;height:32px;width:32px}.intro-section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;font-weight:600;max-width:1440px;width:100%}.intro-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(90deg, rgba(16, 185, 129, 0.25) 0%, rgba(251, 191, 36, 0.35) 100%),#0e1322;height:100vh;margin-top:64px;overflow:hidden;padding:0 20px;position:relative}@media(min-width: 600px){.intro-section-container{padding:0 60px}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container{margin:0}}@media(min-width: 1024px){.intro-section-container{padding:0 120px}}.intro-section-container .solar-system{height:-webkit-fill-available;list-style:none;margin:0;padding:0;position:absolute;top:0;width:-webkit-fill-available;z-index:-1}.intro-section-container .solar-system .sun-radius{border-radius:50%;display:inline-flex;height:var(--circle-width);position:absolute;transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)));width:var(--circle-width)}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius{right:30vw}}.intro-section-container .solar-system .sun-radius.solar-radius-1{--circle-width: min(200vw, 200vh);background:rgba(251,191,36,.2);transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-1{--circle-width: min(50vw, 50vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-height: 650px)and (min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-1{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .sun-radius.solar-radius-2{--circle-width: min(100vw, 100vh);background:rgba(251,191,36,.4);transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-2{--circle-width: min(35vw, 35vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-height: 650px)and (min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-2{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .sun-radius.solar-radius-3{--circle-width: min(50vw, 50vh);background:#fbbf24;transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-3{--circle-width: min(20vw, 20vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container .solar-system .sun-radius.solar-radius-3{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .orbit-cluster{align-items:center;border:1px dashed rgba(232,237,245,.4);border-radius:50%;display:inline-flex;height:var(--circle-width);justify-content:center;opacity:0;position:absolute;right:30vw;transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)));width:var(--circle-width)}@media(min-width: 600px){.intro-section-container .solar-system .orbit-cluster{opacity:1}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container .solar-system .orbit-cluster{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .orbit-cluster.orbit-1{--circle-width: min(60vw, 60vh)}.intro-section-container .solar-system .orbit-cluster.orbit-1 .planet-1{--init-degree: 30deg;--planet-size: min(6vw, 6vh)}.intro-section-container .solar-system .orbit-cluster.orbit-1 .planet-2{--init-degree: -50deg;--planet-size: min(6vw, 6vh);--planet-color: #94A3B8}.intro-section-container .solar-system .orbit-cluster.orbit-2{--circle-width: min(85vw, 85vh)}.intro-section-container .solar-system .orbit-cluster.orbit-2 .planet-1{--init-degree: 70deg;--planet-size: min(8vw, 8vh);--planet-color: #10B981}.intro-section-container .solar-system .orbit-cluster.orbit-2 .planet-2{--init-degree: -20deg;--planet-size: min(7vw, 7vh);--planet-color: #F97316}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-2{--circle-width: min(85vw, 85vh)}}.intro-section-container .solar-system .orbit-cluster.orbit-3{--circle-width: min(120vw, 120vh)}.intro-section-container .solar-system .orbit-cluster.orbit-3 .planet-1{--init-degree: 42deg;--planet-size: min(8vw, 8vh);--planet-color: #A3E635}.intro-section-container .solar-system .orbit-cluster.orbit-3 .planet-2{--init-degree: -20deg;--planet-size: min(10vw, 10vh);--planet-color: #080C1A}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-3{--circle-width: min(120vw, 120vh)}}.intro-section-container .solar-system .orbit-cluster.orbit-4{--circle-width: min(160vw, 160vh)}.intro-section-container .solar-system .orbit-cluster.orbit-4 .planet-1{--init-degree: 80deg;--planet-size: min(10vw, 10vh);--planet-color: #EF4444}.intro-section-container .solar-system .orbit-cluster.orbit-4 .planet-2{--init-degree: 20deg;--planet-size: min(12vw, 12vh);--planet-color: #06B6D4}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-4{--circle-width: min(160vw, 160vh)}}.intro-section-container .solar-system .orbit-cluster .planet{background:var(--planet-color, #EF4444);border-radius:50%;height:var(--planet-size);position:absolute;transform:rotate(var(--rotation-degree, var(--init-degree, 0))) translateY(calc(0.5 * var(--circle-width))) rotate(calc(0deg - var(--rotation-degree, var(--init-degree, 0))));width:var(--planet-size)}.intro-section-container .solar-system .orbit-cluster .planet .image-wrapper{align-items:center;display:inline-flex;height:100%}.intro-section-container .solar-system .orbit-cluster .planet .image-wrapper .skill-logo{padding:25%;width:50%}.intro-section .bg-dot-box{margin-bottom:25px}@media(min-height: 650px)and (min-width: 1440px){.intro-section .bg-dot-box{margin-bottom:45px}}.intro-section .intro-heading{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;font-size:32px;letter-spacing:1px;position:relative}@media(min-width: 600px){.intro-section .intro-heading{font-size:36px}}@media(min-height: 650px)and (min-width: 376px){.intro-section .intro-heading{font-size:38px}}@media(min-height: 650px)and (min-width: 600px){.intro-section .intro-heading{font-size:56px}}@media(min-height: 650px)and (min-width: 769px){.intro-section .intro-heading{font-size:72px}}@media(min-height: 650px)and (min-width: 1024px){.intro-section .intro-heading{font-size:90px}}@media(min-height: 650px)and (min-width: 1440px){.intro-section .intro-heading{font-size:120px}}.intro-section .intro-heading-wrapper{color:#e8edf5;z-index:10}.intro-section .intro-heading-text{color:#10b981;font-family:Fuzzy Bubbles,Roboto,Arial,Helvetica,sans-serif}.intro-section .intro-heading-text::after{content:" ";white-space:pre}.intro-section .intro-heading-keywords{display:grid;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;grid:"keywords" "1fr" "1fr";list-style:none;margin:0;padding:0}.intro-section .intro-heading-keywords .heading-keyword{grid-area:keywords}@keyframes fade-out-type1{0%{opacity:0;transform:translateY(-8px)}2%,14%{opacity:1;transform:translateY(0)}19%{opacity:0;transform:translateY(32px)}100%{opacity:0}}@keyframes fade-out-type2{20%{opacity:0;transform:translateY(-8px)}22%,34%{opacity:1;transform:translateY(0)}39%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}@keyframes fade-out-type3{40%{opacity:0;transform:translateY(-8px)}42%,54%{opacity:1;transform:translateY(0)}59%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}@keyframes fade-out-type4{60%{opacity:0;transform:translateY(-8px)}62%,74%{opacity:1;transform:translateY(0)}79%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}@keyframes fade-out-type5{80%{opacity:0;transform:translateY(-8px)}82%,94%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}.intro-section .intro-heading-keywords .heading-keyword.text-blue{animation:fade-out-type1 12s ease-out infinite;color:#38bdf8;text-shadow:2px 2px 2px rgba(248,115,56,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-teal{animation:fade-out-type2 12s ease-out infinite;color:#14b8a6;text-shadow:2px 2px 2px rgba(184,20,38,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-orange{animation:fade-out-type3 12s ease-out infinite;color:#f97316;text-shadow:2px 2px 2px rgba(22,156,249,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-red{animation:fade-out-type4 12s ease-out infinite;color:#ef4444;text-shadow:2px 2px 2px rgba(68,239,239,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-olive{animation:fade-out-type5 12s ease-out infinite;color:#7b8f30;text-shadow:2px 2px 2px rgba(68,48,143,.5)}.intro-section .intro-heading .arrow-box{height:36px;left:0;position:absolute;top:0;transform:translateX(56px);width:40px}@media(min-height: 650px)and (min-width: 376px){.intro-section .intro-heading .arrow-box{transform:translateX(64px)}}@media(min-height: 650px)and (min-width: 600px){.intro-section .intro-heading .arrow-box{height:58px;transform:translateX(90px);width:64px}}@media(min-height: 650px)and (min-width: 769px){.intro-section .intro-heading .arrow-box{height:90px;transform:translate(120px, -10px);width:100px}}@media(min-height: 650px)and (min-width: 1024px){.intro-section .intro-heading .arrow-box{height:108px;transform:translate(146px, -10px);width:120px}}@media(min-height: 650px)and (min-width: 1440px){.intro-section .intro-heading .arrow-box{height:110px;transform:translate(180px, -5px);width:200px}}.intro-section .intro-heading .arrow-box .arrow-logo{fill:#fbbf24;height:100%;width:100%}.intro-section .btn-wrapper{margin-top:48px;width:fit-content}.intro-section .btn-wrapper .about-btn{padding:0 20px}.intro-section .image-wrapper{display:block;height:350px;position:absolute;right:0;top:0;transform:translate(20%, 10%)}@media(min-width: 600px){.intro-section .image-wrapper{display:none}}.intro-section .image-wrapper .intro-image{height:100%}.bg-backdrop{position:relative}.bg-backdrop::before{background:linear-gradient(0deg, rgba(15, 22, 41, 0.5), rgba(15, 22, 41, 0.2));bottom:0;content:"";display:block;height:calc(100% + 20vh);position:absolute;width:100%;z-index:-1}.bg-backdrop::after{background:linear-gradient(90deg, rgba(16, 185, 129, 0.25) 0%, rgba(251, 191, 36, 0.35) 100%),#0e1322;clip-path:var(--clipPath);content:"";display:block;height:80px;position:absolute;width:100%;z-index:1}@media(min-width: 600px)and (min-height: 650px){.bg-backdrop::after{height:10vh}}.bg-backdrop .about-section-arrow-svg{opacity:0;position:absolute;transform-origin:top left;width:fit-content;z-index:10}@media(min-height: 650px)and (min-width: 376px){.bg-backdrop .about-section-arrow-svg{height:40vh;transform:translate(160px, -263px) rotate(9deg)}}@media(min-height: 650px)and (min-width: 1440px){.bg-backdrop .about-section-arrow-svg{height:40vh;transform:translate(160px, -263px)}}.bg-backdrop .about-section-arrow-svg #arrow-line-mask,.bg-backdrop .about-section-arrow-svg #arrow-head-mask{stroke:#10b981}.bg-backdrop .about-section-arrow-svg #arrow-line-stroke,.bg-backdrop .about-section-arrow-svg #arrow-head-stroke{fill:#10b981}.about-specialty-section{--animate-section: false}@media(min-height: 750px)and (min-width: 1024px){.about-specialty-section{--animate-section: true}}.about-specialty-section.js-animate{position:relative}.about-specialty-section.js-animate .about-section-container{flex-wrap:wrap}.about-specialty-section.js-animate .particle{background:#10b981;border-radius:50%;height:var(--particle-size, 7px);position:absolute;width:var(--particle-size, 7px)}.about-specialty-section.js-animate .particle-wrapper{--max-particle-size: 8px;--min-particle-size: 3px;height:300%;position:absolute;width:100%;z-index:-1}.about-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:50px;max-width:1440px}@media(min-width: 769px){.about-section{flex-direction:row}}@media(min-width: 1440px){.about-section{gap:100px}}.about-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(180deg, rgba(15, 22, 41, 0.5) 0%, rgba(15, 22, 41, 0.5) 90%, transparent 100%);padding:140px 20px 80px}@media(min-width: 600px){.about-section-container{padding-top:80px}}@media(min-height: 650px)and (min-width: 600px){.about-section-container{padding:180px 50px}}@media(min-height: 650px)and (min-width: 1024px){.about-section-container{padding:180px 90px}}@media(min-height: 650px)and (min-width: 1440px){.about-section-container{padding:25vh 90px}}.about-section .about-image{height:var(--default-height);width:auto}.about-section .about-image-wrapper{--default-height: 300px;display:none;height:300px;position:relative;z-index:1}@media(min-width: 600px){.about-section .about-image-wrapper{display:grid}}@media(min-width: 600px)and (min-height: 350px){.about-section .about-image-wrapper{--default-height: 250px;height:250px}}@media(min-width: 600px)and (min-height: 650px){.about-section .about-image-wrapper{--default-height: 300px;height:300px}}@media(min-height: 650px)and (min-width: 1024px){.about-section .about-image-wrapper{--default-height: 350px;height:350px}}@media(min-height: 650px)and (min-width: 1440px){.about-section .about-image-wrapper{--default-height: 450px;height:450px}}.about-section .about-image-wrapper::before{background:url("/static/images/image_1.a3d26d63e491.webp");content:"";display:block;height:247px;opacity:var(--grid-opacity);position:absolute;top:0;transform:translate(-66px, -70px) scale(0.67);width:289px;z-index:-1}@media(min-width: 600px)and (min-height: 350px){.about-section .about-image-wrapper::before{transform:translate(-80px, -78px) scale(0.56)}}@media(min-width: 600px)and (min-height: 650px){.about-section .about-image-wrapper::before{transform:translate(-66px, -70px) scale(0.67)}}@media(min-height: 650px)and (min-width: 1024px){.about-section .about-image-wrapper::before{transform:translate(-52px, -62px) scale(0.78)}}@media(min-height: 650px)and (min-width: 1440px){.about-section .about-image-wrapper::before{transform:translate(-30px, -40px)}}.about-section .about-image-wrapper .image-sizer{width:calc(.875*var(--default-height))}.about-section .about-details{color:#e8edf5;grid-column-end:span 4;letter-spacing:1px}@media(min-width: 600px){.about-section .about-details{grid-column-end:span 8}}.about-section .about-details .title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;gap:50px}@media(min-width: 600px){.about-section .about-details .title-wrapper{gap:100px}}.about-section .about-details .subtitle{font-size:24px;font-weight:700;margin:36px 0 16px}@media(min-width: 769px){.about-section .about-details .subtitle{margin-top:52px}}@media(min-width: 1440px){.about-section .about-details .subtitle{font-size:32px}}.about-section .about-details .about-description{font-size:14px;line-height:28px}@media(min-width: 769px){.about-section .about-details .about-description{font-size:16px}}@media(min-width: 1440px){.about-section .about-details .about-description{font-size:20px;line-height:36px}}.about-section .about-details .about-description .highlighted-text{color:#10b981}.about-section .about-details .btn-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:16px 20px;margin-top:36px}.about-section .about-details .btn-container .projects-btn:focus,.about-section .about-details .btn-container .resume-btn:focus{margin:-1px}.js-animate .specialties-section-container{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%, -50%)}@media(min-width: 1024px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 350px)}}@media(min-width: 1024px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 400px)}}@media(min-width: 1440px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 350px)}}@media(min-width: 1440px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 500px)}}@media(min-width: 1024px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:24px}}@media(min-width: 1024px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:32px}}@media(min-width: 1440px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:24px}}@media(min-width: 1440px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:36px}}.specialty-margin-bottom{height:90px}@media(min-width: 1024px){.specialty-margin-bottom{height:182px}}.specialties-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:50px}@media(min-width: 1024px){.specialties-section{gap:70px}}.specialties-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:60px 20px 0;position:relative}@media(min-width: 1024px){.specialties-section-container{margin:280px 0 0}}.specialties-section-container .bg-circles{height:200%;list-style:none;margin:0;max-width:1440px;padding:0;position:absolute;width:100%;z-index:-1}@media(min-width: 1440px){.specialties-section-container .bg-circles{overflow:visible}}.specialties-section-container .bg-circles .bg-circle{border-radius:50%;left:50%;position:absolute;top:50%}.specialties-section-container .bg-circles .bg-circle.circle-1{background:rgba(59,130,246,.16);height:250px;transform:translate(-305px, -543px);width:250px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-1{transform:translate(-359px, -677px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-1{height:200px;transform:translate(-549px, -448px);width:200px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-1{height:250px;transform:translate(-770px, -598px);width:250px}}.specialties-section-container .bg-circles .bg-circle.circle-2{background:rgba(16,185,129,.13);height:200px;transform:translate(67px, -297px);width:200px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-2{transform:translate(141px, -368px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-2{height:150px;transform:translate(341px, -277px);width:150px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-2{height:200px;transform:translate(415px, -351px);width:200px}}.specialties-section-container .bg-circles .bg-circle.circle-3{background:rgba(251,191,36,.21);height:150px;transform:translate(-142px, 11px);width:150px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-3{transform:translate(-320px, 251px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-3{height:100px;transform:translate(-363px, 274px);width:100px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-3{height:150px;transform:translate(-413px, 306px);width:150px}}.specialties-section-container .bg-circles .bg-circle.circle-4{background:rgba(239,68,68,.16);height:250px;transform:translate(12px, 233px);width:250px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-4{transform:translate(121px, 435px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-4{height:200px;transform:translate(405px, 214px);width:200px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-4{height:250px;transform:translate(595px, 237px);width:250px}}.specialties-section .title-wrapper{position:relative}.specialties-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.specialties-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.specialties-section .specialties-details{display:grid;grid-gap:45px;grid-template-columns:repeat(1, minmax(350px, 1fr));justify-content:center;list-style:none;margin:0;padding:0}@media(min-width: 600px){.specialties-section .specialties-details{grid-template-columns:repeat(1, 500px)}}@media(min-width: 1024px){.specialties-section .specialties-details{grid-template-columns:repeat(2, 400px)}}@media(min-width: 1440px){.specialties-section .specialties-details{grid-template-columns:repeat(2, 500px)}}.specialties-section .specialties-details .service-component{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.specialties-section .specialties-details .service-component .image-wrapper{--default-height: 60%;width:90%}@media(min-width: 376px){.specialties-section .specialties-details .service-component .image-wrapper{width:100%}}.specialties-section .specialties-details .service-component-img{border-radius:25px;box-shadow:2px 4px 4px 0 rgba(0,0,0,.25);display:block;height:100%;width:100%}.specialties-section .specialties-details .service-component-heading{color:#fff;font-size:24px;font-weight:500;letter-spacing:1px;position:absolute}@media(min-width: 600px){.specialties-section .specialties-details .service-component-heading{font-size:32px}}@media(min-width: 1440px){.specialties-section .specialties-details .service-component-heading{font-size:36px}}.projects-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:70px 20px}@media(min-width: 1024px){.projects-section{padding:90px 20px}}.projects-section.project-desktop-section{display:none}.projects-section-container{background:url("/static/images/image_1.a3d26d63e491.webp") #161e35}@media(min-width: 600px){.projects-section-container{background:right repeat-y url("/static/images/image_1.a3d26d63e491.webp"),left repeat-y url("/static/images/image_1.a3d26d63e491.webp") #161e35}}.projects-section-container::before,.projects-section-container::after{background:center/contain url("/static/images/tape.b31d6427724b.webp");content:"";display:block;height:45px;position:absolute;transform:translateY(-50%) scale(0.8);transform-origin:center;width:247px;z-index:1}@media(min-width: 1024px){.projects-section-container::before,.projects-section-container::after{transform:translateY(-50%)}}.projects-section-container::after{right:0}.projects-section-container.js-animate{height:100vh}.projects-section-container.js-animate .project-mobile-section{display:none}.projects-section-container.js-animate .project-desktop-section{display:flex}.projects-section .title-wrapper{margin-bottom:32px;position:relative}.projects-section .title-wrapper .bg-dot-box{left:100%;position:absolute;top:0;transform:translateX(30px)}@media(min-width: 600px){.projects-section .title-wrapper .bg-dot-box{transform:translateX(100px)}}.projects-section-quote{color:#94a3b8;font-size:16px;font-weight:500;margin:0 0 56px;text-align:center}@media(min-width: 1024px){.projects-section-quote{font-family:Slackey,Roboto,Arial,Helvetica,sans-serif;font-size:20px;width:80%}}@media(min-width: 1440px){.projects-section-quote{width:50%}}.projects-section .projects-btn{background:#1c0a10;border-color:#fbbf24;color:#fbbf24;font-size:18px;margin-top:80px;padding:18px 24px;width:min(320px,90%)}@media(min-width: 1024px){.projects-section .projects-btn{font-size:20px}}.projects-section .projects-btn:hover{background:#1c0a10;box-shadow:0 0 22px rgba(251,191,36,.4)}.projects-section .projects-btn:focus{margin:79px 0 -1px}.projects-section .projects-btn .btn-logo{fill:#fbbf24}.project-header{align-items:center;display:flex;flex-direction:row;justify-content:center;color:wheat;position:fixed;width:100%}.project-header::after{background:linear-gradient(to bottom, #000, #0E1322);content:"";display:block;height:25vh;position:absolute;top:100%;width:100%}.project-header-frame{height:75vh}.project-header .title{font-family:Slackey,Roboto,Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px;position:absolute}@media(min-width: 600px){.project-header .title{font-size:64px;letter-spacing:9px}}@media(min-width: 1024px){.project-header .title{font-size:96px}}.project-header .matrix{background:#000;font-size:16px;height:75vh}.project-content{align-items:center;display:flex;flex-direction:column;justify-content:center;background:url("/static/images/image_1.a3d26d63e491.webp") #161e35;position:relative}@media(min-width: 600px){.project-content{background:right repeat-y url("/static/images/image_1.a3d26d63e491.webp"),left repeat-y url("/static/images/image_1.a3d26d63e491.webp") #161e35}}.project-content .card-wrapper{border-color:rgba(16,185,129,.35);box-shadow:0 0 28px rgba(16,185,129,.08),0 4px 20px rgba(0,0,0,.5)}.project-content .card-wrapper:hover{border-color:rgba(16,185,129,.6);box-shadow:0 0 44px rgba(16,185,129,.25),0 8px 28px rgba(0,0,0,.3)}.project-content .projects-cards .card-container{display:none}.project-content .projects-cards .card-container.active-card{display:block}.project-content .btn-wrapper{margin:-48px 0 48px}.project-content .btn-wrapper .hide-btn{display:none}.projects-section-container{clip-path:circle(var(--clip-path, 100%))}.project-desktop-section{--animate-section: false;clip-path:border-box}@media(min-height: 750px)and (min-width: 1024px){.project-desktop-section{--animate-section: true}}.project-desktop-section .title-wrapper{margin-bottom:120px;transform:translateY(50px)}.project-desktop-section .projects-section-quote{bottom:0;font-size:7vw;font-weight:600;left:0;letter-spacing:2px;margin:0;position:absolute;text-align:left;text-transform:uppercase;text-wrap:nowrap;transform:translateY(100%) rotate(-90deg) translate(0, 5vw);transform-origin:top left;width:100%}.project-desktop-section .projects-cards{display:grid;gap:0;grid:"cd-card";position:relative}@media(min-height: 1024px){.project-desktop-section .projects-cards{margin-bottom:70px}}.project-desktop-section .projects-cards .card-container{grid-area:cd-card;will-change:transform,opacity,filter}.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details{bottom:0;padding:25px 30px 30px;position:absolute;z-index:1}@media(min-height: 850px){.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details{padding:25px 50px 30px}}.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details .card-title{font-size:3.5vh;font-weight:200;line-height:normal}@media(min-height: 1024px){.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details .card-title{font-size:3.9vh}}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details{height:var(--default-height, 0);padding:0;position:relative;z-index:1}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details .projects-btn{background:#1c0a10 url("data:image/svg+xml,%3Csvg viewBox=%270 0 200 200%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27noise%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.75%27 numOctaves=%274%27 stitchTiles=%27stitch%27/%3E%3CfeColorMatrix type=%27saturate%27 values=%270%27/%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23noise%29%27 opacity=%270.22%27/%3E%3C/svg%3E");border:0;border-radius:10px;filter:brightness(0.8);font-family:Permanent Marker,Roboto,Arial,Helvetica,sans-serif;font-size:3vh;height:100%;margin:0;position:absolute;width:100%;will-change:filter}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details .projects-btn .link-text{color:#fbbf24;font-size:8vh;line-height:1.1;text-align:center}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details .projects-btn .btn-logo{display:none}.project-desktop-section .projects-cards .card-container .card-wrapper{border-radius:10px;margin:0;max-width:none;position:relative}.project-desktop-section .projects-cards .card-container .card-wrapper:hover{transform:none}.project-desktop-section .projects-cards .card-container .card-wrapper .card-image-wrapper.image-wrapper{--default-height: 0;position:relative;z-index:1}.project-desktop-section .projects-cards .card-container .card-wrapper .card-image-wrapper.image-wrapper::after{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.75) 100%);border-radius:10px;content:"";inset:0;position:absolute;z-index:2}.project-desktop-section .projects-cards .card-container .card-wrapper .card-image-wrapper.image-wrapper .card-image{backface-visibility:hidden;border-radius:10px;filter:brightness(0.9) contrast(1.1) saturate(1.15);transform:translateZ(0);width:var(--default-height);will-change:filter}.projects-cards{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;gap:74px}@media(min-width: 1024px){.projects-cards{flex-direction:row}}@media(min-width: 1440px){.projects-cards{gap:120px}}.projects-cards.grid-3-columns{gap:48px;padding:48px 25px}@media(min-width: 1440px){.projects-cards.grid-3-columns{gap:74px}}.projects-cards.grid-3-columns .card-wrapper{max-width:330px}.card-wrapper{background:#1e2b42;border:1px solid rgba(251,191,36,.22);border-radius:30px;box-shadow:0 0 24px rgba(251,191,36,.07),0 4px 20px rgba(0,0,0,.4);max-width:400px;transition:box-shadow .3s ease,transform .5s}.card-container:not(:last-of-type) .card-wrapper{margin-bottom:74px}.card-wrapper:hover{box-shadow:0 0 40px rgba(16,185,129,.55),0 8px 28px rgba(0,0,0,.3);transform:translateY(-10px)}.card-wrapper .image-wrapper{--default-height: 250px}.card-wrapper .image-wrapper .card-image{background:#fff;border-radius:30px 30px 0 0;height:var(--default-height);object-fit:cover;width:100%}.card-wrapper .card-details{padding:25px 30px 30px}.card-wrapper .card-details .card-title{color:#fbbf24;font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 32px}@media(min-width: 1024px){.card-wrapper .card-details .card-title{line-height:25px;margin-bottom:52px}}.card-wrapper .card-details .card-btn{border:0;color:#fbbf24;font-size:18px;padding:0}.card-wrapper .card-details .card-btn:hover{background:rgba(0,0,0,0);text-decoration:underline}.card-wrapper .card-details .card-btn:focus{margin:0}.card-wrapper .card-details .card-btn .btn-logo{fill:#fbbf24}@media(min-width: 1024px){.card-wrapper.hide-image .image-wrapper{display:none}}.experience-section-cluster{--animate-section: false}@media(min-height: 750px)and (min-width: 1024px){.experience-section-cluster{--animate-section: true}}.experience-section-cluster.js-animate{position:relative;top:-100vh}.experience-section-cluster.js-animate .pin-spacer{position:absolute !important}.experience-section-cluster.js-animate .experience-section .timeline{height:calc(var(--timeline-height) + var(--dot-size));position:relative}.experience-section-cluster.js-animate .experience-section .timeline .year-details{height:0;left:50%;min-height:0;position:absolute;top:0;transform:translateX(-50%)}.experience-section-cluster.js-animate .experience-section .timeline .year-details .description{margin:0}.experience-section-cluster.js-animate .skills-section-container{bottom:0;position:absolute;width:-webkit-fill-available}.experience-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px}@media(min-width: 1024px){.experience-section{gap:130px}}.experience-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:60px 20px;position:relative}@media(min-width: 600px){.experience-section-container{margin:140px 0 160px}}.experience-section .title-wrapper{position:relative}.experience-section .title-wrapper .bg-dot-box{position:absolute;right:0;transform:translate(-30px, 30px)}.experience-section .timeline{align-items:normal;display:flex;flex-direction:column;justify-content:center;--dot-size: 20px;width:100%}@media(min-width: 769px){.experience-section .timeline{--dot-size: 40px}}.experience-section .timeline .year-details{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;position:relative}@media(min-width: 600px){.experience-section .timeline .year-details{justify-content:center}}.experience-section .timeline .year-details:not(:last-of-type){min-height:300px;padding-bottom:40px}.experience-section .timeline .year-details:not(:last-of-type) .dot::after{content:""}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .year{order:3;padding:0 0 0 40px;text-align:left}}@media(min-width: 1440px){.experience-section .timeline .year-details.reverse .year{padding-left:80px}}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .dot{order:2}}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .description{order:1;padding:0 20px 0 0;text-align:right}.experience-section .timeline .year-details.reverse .description .exp-btn{float:right}}@media(min-width: 1440px){.experience-section .timeline .year-details.reverse .description{padding-right:40px}}.experience-section .timeline .year-details.reverse .exp-btn:hover,.experience-section .timeline .year-details.reverse .exp-btn:focus{margin:0 -5px 0 0}.experience-section .timeline .year-details .year{box-sizing:border-box;color:#10b981;font:400 24px/24px Sonsie One,Roboto,Arial,Helvetica,sans-serif;width:100px}@media(min-width: 600px){.experience-section .timeline .year-details .year{padding-right:20px;transform:translateY(-3px)}}@media(min-width: 769px){.experience-section .timeline .year-details .year{font-size:36px;line-height:36px;padding-right:40px;text-align:right;transform:translateY(3px);width:350px}}@media(min-width: 1440px){.experience-section .timeline .year-details .year{font-size:48px;line-height:48px;padding-right:80px;transform:translateY(-5px);width:500px}}.experience-section .timeline .year-details .year::after{background:#1e2b42;content:"";display:block;height:calc(100% - 55px);position:absolute;transform:translate(40px, 15px);width:3px;z-index:-1}@media(min-width: 600px){.experience-section .timeline .year-details .year::after{display:none}}.experience-section .timeline .year-details .dot{background:#fbbf24;border-radius:50%;box-shadow:0 0 12px rgba(251,191,36,.6);display:none;height:var(--dot-size);padding:0;width:var(--dot-size)}@media(min-width: 600px){.experience-section .timeline .year-details .dot{display:table-cell}}.experience-section .timeline .year-details .dot::after{background:#1e2b42;display:block;height:calc(100% - 20px);position:absolute;transform:translate(8.5px, 20px);width:3px;z-index:-1}@media(min-width: 769px){.experience-section .timeline .year-details .dot::after{height:calc(100% - 38px);transform:translate(18.5px, 38px)}}.experience-section .timeline .year-details .description{box-sizing:border-box;margin:auto auto auto 45px;padding-left:20px;position:absolute;top:50%;transform:translateY(-50%)}@media(min-width: 600px){.experience-section .timeline .year-details .description{margin-left:0;position:static;transform:translateY(20px);width:350px}}@media(min-width: 769px){.experience-section .timeline .year-details .description{margin-left:auto}}@media(min-width: 1440px){.experience-section .timeline .year-details .description{padding-left:40px;width:500px}}.experience-section .timeline .year-details .description .exp-heading{color:#fbbf24;font-size:24px;font-weight:500;line-height:32px;margin:0}@media(min-width: 1440px){.experience-section .timeline .year-details .description .exp-heading{font-size:32px;line-height:42px}}.experience-section .timeline .year-details .description .exp-details{font-size:16px;line-height:24px;margin:15px 0}@media(min-width: 1440px){.experience-section .timeline .year-details .description .exp-details{font-size:18px}}.experience-section .timeline .year-details .description .exp-details .exp-desc-para{margin:0}.experience-section .timeline .year-details .description .exp-details .exp-desc-para:not(:last-of-type){margin-bottom:10px}.experience-section .timeline .year-details .description .exp-details .highlighted-text{font-weight:500}.experience-section .timeline .year-details .description .exp-btn{border:0;padding:0;text-decoration:underline}.experience-section .timeline .year-details .description .exp-btn:hover,.experience-section .timeline .year-details .description .exp-btn:focus{border-radius:5px;margin-left:-5px;padding:0 5px}.skills-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px;margin:60px 20px;position:relative;z-index:1}@media(min-width: 600px){.skills-section{margin:120px 0}}@media(min-width: 1024px){.skills-section{gap:108px}}.skills-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;--animate-section: false;background:#0f1629;position:relative}@media(min-height: 750px)and (min-width: 1024px){.skills-section-container{--animate-section: true}}.skills-section-container::before,.skills-section-container::after{background:linear-gradient(rgba(239, 68, 68, 0.5), rgba(251, 191, 36, 0.3));content:"";display:block;height:550px;position:absolute;width:25px}@media(min-width: 600px){.skills-section-container::before,.skills-section-container::after{width:30px}}@media(min-width: 1024px){.skills-section-container::before,.skills-section-container::after{width:50px}}.skills-section-container::before{left:0}.skills-section-container::after{right:0}.skills-section-container.js-animate{min-height:100vh}@media(min-width: 1024px){.skills-section-container.js-animate .skills-section{gap:20px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section-container.js-animate .skills-section{gap:60px}}.skills-section-container.js-animate .carousel-navbar{left:50%;perspective:2000px;position:relative;transform:scale(0.7)}.skills-section-container.js-animate .carousel-navbar .carousel-btn{display:none}.skills-section-container.js-animate .carousel-navbar .skills-container-wrapper,.skills-section-container.js-animate .carousel-navbar .skills-container{transform-style:preserve-3d}.skills-section-container.js-animate .carousel-navbar .skills-container{background:#161e35;border-radius:10px;box-shadow:inset 0 0 15px #10b981;padding:40px 40px 20px}.skills-section-container.js-animate .carousel-navbar .skills-container::before{background:radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.15), transparent);border-radius:10px;content:"";height:100%;position:absolute;width:100%;z-index:-1}.skills-section-container.js-animate .carousel-navbar .skills-container .skill-component-wrapper{filter:drop-shadow(-10px 10px 15px rgba(0, 0, 0, 0.4))}.skills-section-container.js-animate .carousel-nav-dots{margin:0}.skills-section .title-wrapper{position:relative}.skills-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.skills-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.skills-section .skill-group-name{font-size:20px;left:50%;position:absolute;top:0;transform:translate(-50%, 54px)}@media(min-width: 426px){.skills-section .skill-group-name{transform:translate(0)}}.skills-section .skill-group-name .arrow-box{display:none}@media(min-width: 426px){.skills-section .skill-group-name .arrow-box{display:block;transform:rotate(-10deg) translate(32px, -77px);width:50%}}@media(min-width: 600px){.skills-section .skill-group-name .arrow-box{transform:rotate(-10deg) translate(50px, -64px)}}@media(min-width: 1024px){.skills-section .skill-group-name .arrow-box{width:100%}}.skills-section .skill-group-name .arrow-box .arrow-logo{fill:#64748b;width:100%}.skills-section .skill-group-name .group-name{grid-area:group-name;margin:0;opacity:0}.skills-section .skill-group-name .group-name-wrapper{color:#10b981;display:grid;font-family:Rock Salt,Roboto,Arial,Helvetica,sans-serif;font-size:14px;grid-template-areas:"group-name";text-align:center;white-space:nowrap}@media(min-width: 426px){.skills-section .skill-group-name .group-name-wrapper{font-size:18px;position:absolute;text-align:left;top:0;transform:translate(85px, -22px) rotate(-15deg)}}@media(min-width: 600px){.skills-section .skill-group-name .group-name-wrapper{transform:translate(130px, -20px) rotate(-15deg)}}@media(min-width: 769px){.skills-section .skill-group-name .group-name-wrapper{font-size:24px;transform:translate(160px, -34px) rotate(-15deg)}}@media(min-width: 1024px){.skills-section .skill-group-name .group-name-wrapper{font-size:26px;transform:translate(250px, -28px) rotate(-15deg)}}@media(min-width: 1440px){.skills-section .skill-group-name .group-name-wrapper{font-size:36px;transform:translate(260px, -40px) rotate(-15deg)}}.skills-section .carousel-navbar{align-items:center;display:flex;margin-top:15px}@media(min-width: 426px){.skills-section .carousel-navbar{margin-top:0}}.skills-section .carousel-navbar .carousel-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#161e35;border:0;border-radius:50%;cursor:pointer;height:48px;padding:0;position:absolute;top:0;width:48px}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn{position:relative;top:auto}}@media(min-width: 600px){.skills-section .carousel-navbar .carousel-btn{height:56px;width:56px}}.skills-section .carousel-navbar .carousel-btn:hover{box-shadow:0 0 7px #10b981}.skills-section .carousel-navbar .carousel-btn .btn-logo{fill:#10b981;height:50%;width:50%}.skills-section .carousel-navbar .carousel-btn.left-arrow{transform:translateY(48px)}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn.left-arrow{margin-right:40px;transform:translateY(0)}}.skills-section .carousel-navbar .carousel-btn.left-arrow .btn-logo{transform:rotate(-90deg)}.skills-section .carousel-navbar .carousel-btn.right-arrow{right:0;transform:translateY(48px)}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn.right-arrow{margin-left:40px;transform:translateY(0)}}.skills-section .carousel-navbar .carousel-btn.right-arrow .btn-logo{transform:rotate(90deg)}.skills-section .carousel-nav-dots{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:10px;list-style:none;margin-top:-40px;padding:0}@media(min-width: 1024px){.skills-section .carousel-nav-dots{margin-top:-80px}}.skills-section .carousel-nav-dots .carousel-dot{background:#1e2b42;border:0;border-radius:50%;height:16px;margin:2px;width:16px}.skills-section .carousel-nav-dots .carousel-dot.active-dot{background:#10b981;height:20px;margin:0;width:20px}.skills-section .skills-container{display:grid;grid-area:skill-grid;grid-gap:16px 36px;grid-template-areas:" area-1 area-2" " area-3 area-4" " area-5 area-6" " area-7 area-8";grid-template-columns:repeat(2, 1fr);opacity:0}@media(min-width: 426px){.skills-section .skills-container{grid-gap:36px}}@media(min-width: 769px){.skills-section .skills-container{grid-template-areas:" area-1 area-2 area-3 area-4" " area-5 area-6 area-7 area-8";grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.skills-section .skills-container{grid-gap:16px 46px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section .skills-container{grid-gap:36px 54px}}@media(min-width: 1440px){.skills-section .skills-container{grid-gap:56px 75px}}.skills-section .skills-container-wrapper{display:grid;grid-template-areas:"skill-grid"}.skills-section .skills-container .skill-component{align-items:center;display:flex;flex-direction:row;justify-content:center;--skill-component-size: 100px;border-radius:50%;height:var(--skill-component-size);position:relative;width:var(--skill-component-size)}@media(min-width: 1024px){.skills-section .skills-container .skill-component{--skill-component-size: 130px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section .skills-container .skill-component{--skill-component-size: 150px}}.skills-section .skills-container .skill-component::after{border-radius:50%;content:"";display:block;height:100%;position:absolute;width:100%;z-index:2}.skills-section .skills-container .skill-component-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills-section .skills-container .skill-component .progress-arc{background:conic-gradient(transparent calc((100 - var(--progress-percent, 0)) * 3.6deg), #10B981 calc((100 - var(--progress-percent, 0)) * 3.6deg) 360deg);border-radius:50%;box-shadow:0 0 14px rgba(16,185,129,.45);height:calc(var(--skill-component-size) + 10px);opacity:0;position:absolute;width:calc(var(--skill-component-size) + 10px);z-index:1}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc{height:calc(var(--skill-component-size) + 20px);width:calc(var(--skill-component-size) + 20px)}}.skills-section .skills-container .skill-component .progress-arc::before,.skills-section .skills-container .skill-component .progress-arc::after{background:#10b981;border-radius:50%;content:"";display:block;height:5px;position:absolute;right:calc(50% - 2.5px);width:5px}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc::before,.skills-section .skills-container .skill-component .progress-arc::after{height:10px;right:calc(50% - 5px);width:10px}}.skills-section .skills-container .skill-component .progress-arc::after{transform:rotate(calc((100 - var(--progress-percent, 0)) * 3.6deg));transform-origin:2.5px calc((var(--skill-component-size) + 10px)/2)}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc::after{transform-origin:5px calc((var(--skill-component-size) + 20px)/2)}}.skills-section .skills-container .skill-component .skill-logo{height:40px;position:relative;z-index:3}@media(min-width: 1024px){.skills-section .skills-container .skill-component .skill-logo{height:60px}}.skills-section .skills-container .skill-component.html-css-logo .image-wrapper,.skills-section .skills-container .skill-component.gsap-logo .image-wrapper{--default-height: 52%}.skills-section .skills-container .skill-component.docker-logo::after{background:#2b8969}.skills-section .skills-container .skill-component.docker-logo .skill-logo{height:100px}.skills-section .skills-container .skill-component.gsap-logo::after{background:#231601}.skills-section .skills-container .skill-component.gsap-logo .image-wrapper{align-items:center;width:80%}.skills-section .skills-container .skill-component.gsap-logo .image-wrapper .skill-logo{height:auto;width:100%}.skills-section .skills-container .skill-component.golang-logo::after{background:#fff}.skills-section .skills-container .skill-component.golang-logo .image-wrapper{align-items:center}.skills-section .skills-container .skill-component.golang-logo .image-wrapper .skill-logo{height:60px}@media(min-width: 1024px){.skills-section .skills-container .skill-component.golang-logo .image-wrapper .skill-logo{height:90px}}.skills-section .skills-container .skill-component.html-css-logo::after,.skills-section .skills-container .skill-component.django-logo::after{background:#c68d4a}.skills-section .skills-container .skill-component.python-logo::after{background:#264f73}.skills-section .skills-container .skill-component.angular-logo::after{background:#8625a8}.skills-section .skills-container .skill-component.javascript-logo::after{background:#8594ba}.skills-section .skills-container .skill-component.typescript-logo::after{background:#c1c77d}.skills-section .skills-container .skill-component.nodejs-logo::after{background:#d3cb02}.skills-section .skills-container .skill-component.flask-logo::after,.skills-section .skills-container .skill-component.next-js-logo::after,.skills-section .skills-container .skill-component.keras-logo::after{background:#fff}.skills-section .skills-container .skill-component.scss-logo::after{background:#cc679c}.skills-section .skills-container .skill-component.react-logo::after{background:#22272f}.skills-section .skills-container .skill-component.webpack-logo::after{background:#2b3a42}.skills-section .skills-container .skill-component.material-ui-logo::after{background:#420505}.skills-section .skills-container .skill-component.material-ui-logo .image-wrapper{align-items:center}.skills-section .skills-container .skill-component.storybook-logo::after{background:#ff7e7e}.skills-section .skills-container .skill-component.firebase-logo::after{background:#d38830}.skills-section .skills-container .skill-component.mongodb-logo::after{background:#13631a}.skills-section .skills-container .skill-component.mysql-logo::after{background:bisque}.skills-section .skills-container .skill-component.fastapi-logo::after{background:#009485}.skills-section .skills-container .skill-component.graphql-logo::after{background:#150505}.skills-section .skills-container .skill-component.github-logo::after{background:#4973ff}.skills-section .skills-container .skill-component.hugging-face-logo::after{background:#0f1727}.skills-section .skills-container .skill-component.tensorflow-logo::after{background:#0069cf}.skills-section .skills-container .skill-component.streamlit-logo::after{background:#bbd28e}.skills-section .skills-container .skill-component.opencv-logo::after{background:#626262}.skills-section .skills-container .skill-component.pytorch-logo::after{background:#276646}.skills-section .skills-container .skill-component.figma-logo::after{background:#2c2c2c}.skills-section .skills-container .skill-name{font-size:18px;font-weight:400;letter-spacing:1px;margin-top:20px;text-align:center}@media(min-width: 1024px){.skills-section .skills-container .skill-name{font-size:24px;margin-top:30px}}@media(min-width: 1440px){.skills-section .skills-container .skill-name{font-size:24px}}.skills-section .view-more-btn.hide-btn{display:none}.contact-info{position:relative;z-index:0}.contact-info::after{background:linear-gradient(135deg, rgba(10, 110, 122, 0.18) 0%, rgba(13, 106, 111, 0.28) 100%),center/cover url("/static/images/bg_rect_contact.4a5c152c8b8e.webp");content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100vw;z-index:-1}.contact-info .personal-info{list-style:none;margin:0;padding:65px 20px 0}@media(min-width: 600px){.contact-info .personal-info{padding:65px 40px 0}}@media(min-width: 1024px){.contact-info .personal-info{padding:65px 0 0}}.contact-info .personal-info-item{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;gap:20px}.contact-info .personal-info-item:not(:last-of-type){margin-bottom:42px}.contact-info .personal-info-item-logo{height:30px;width:30px}@media(min-width: 426px){.contact-info .personal-info-item-logo{height:35px;width:35px}}.contact-info .personal-info-item-text{color:#fff;font-size:16px;font-weight:500;letter-spacing:1px}@media(min-width: 600px){.contact-info .personal-info-item-text{font-size:18px}}.contact-info .social-media-wrapper,.contact-info .social-media-details{align-items:center;display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:0}.contact-info .social-media-wrapper{gap:15px;padding:64px 0 75px}.contact-info .social-media-wrapper .line{background:#fff;height:3px;width:100%}.contact-info .social-media-details{gap:25px}.contact-info .social-media-item{width:fit-content}.contact-info .social-media-link{padding:0}.contact-info .social-media-link:hover{background:rgba(0,0,0,.3);border-radius:10px}.contact-info .social-media-link:focus{margin:0}.contact-info .social-media-logo{height:48px;width:48px}.testimonials-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px;margin:60px 20px}@media(min-width: 600px){.testimonials-section{margin:150px 0}}@media(min-width: 1024px){.testimonials-section{gap:108px}}.testimonials-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(#080C1A 0%, #0F1629 25%, #0F1629 75%, #0E1322 100%);position:relative}.testimonials-section .title-wrapper{position:relative}.testimonials-section .title-wrapper .bg-dot-box{left:100%;position:absolute;top:0;transform:translateX(30px)}@media(min-width: 600px){.testimonials-section .title-wrapper .bg-dot-box{transform:translateX(100px)}}.testimonials-section .testimonials-wrapper{display:grid;gap:32px;grid:"testimonial-card-wrapper" "testimonial-navbar"}.testimonials-section .testimonials-wrapper .quote-mark{display:flex;grid-area:testimonial-card-wrapper;height:42px;transform:translate(60px, -50%);width:64px;z-index:20}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .quote-mark{height:47px;transform:translate(85px, -50%);width:72px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .quote-mark{height:55px;width:85px}}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper{display:grid;grid:"testimonial-cards";grid-area:testimonial-card-wrapper;list-style:none;margin:0;padding:0;place-items:center;position:relative}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper.right-move .bg-card.bg-card-5,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper.left-move .bg-card.bg-card-1{z-index:7}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card{border-radius:50px;grid-area:testimonial-cards;transition:all .5s,z-index 0s}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-1,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-5{background:#10b981;height:47%;width:47%;z-index:6}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-2,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-4{background:#fbbf24;height:70%;width:70%;z-index:8}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-3{background:#161e35;height:100%;width:100%;z-index:10}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-1{transform:translateX(-116%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-2{transform:translateX(-50%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-4{transform:translateX(50%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-5{transform:translateX(116%)}.testimonials-section .testimonials-wrapper .testimonials-details{display:grid;grid:"testimonial-card-content";grid-area:testimonial-card-wrapper;z-index:11}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;color:#e8edf5;grid-area:testimonial-card-content;min-height:480px;opacity:0;width:100%;z-index:-1}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{width:400px}}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{min-height:330px;width:580px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{min-height:425px;width:745px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card.active-card{opacity:1;z-index:11}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:16px;font-weight:300;line-height:26px;padding:20px 30px 0}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{padding:64px 55px 0}}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:18px;line-height:30px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:20px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description .card-desc-text{margin-top:0}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description .card-desc-text:last-of-type{margin:0}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author{font-weight:500;padding:0 30px 20px}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author{padding:0 55px 64px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:24px;margin-bottom:0}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:28px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:32px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:16px;margin:5px 0 0}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:18px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:20px}}.testimonials-section .testimonials-wrapper .testimonial-navbar{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:15px;grid-area:testimonial-navbar}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow{align-items:center;display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,0);border:0;border-radius:50%;cursor:pointer;height:48px;width:48px}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow:hover,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow:hover{box-shadow:0 0 7px #10b981}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow .btn-logo,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow .btn-logo{fill:#10b981;height:24px;width:24px}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots .carousel-dot{background:#1e2b42;border:0;border-radius:50%;height:16px;margin:2px;width:16px}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots .carousel-dot.active-dot{background:#10b981;height:20px;margin:0;width:20px}.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:35px;margin:60px 20px;max-width:1440px}@media(min-width: 1024px){.contact-section{gap:78px;margin:120px 0 0}}@media(min-width: 1440px){.contact-section{gap:108px}}.contact-section-container{align-items:center;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg, #0E1322 0%, #1C0A10 12%, #1C0A10 100%);position:relative}.contact-section .title-wrapper{position:relative}.contact-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.contact-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.contact-section .contact-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:0 10px}@media(min-width: 600px){.contact-section .contact-container{padding:0 30px}}@media(min-width: 1024px){.contact-section .contact-container{padding:0 65px}}@media(min-width: 1024px){.contact-section .contact-container{flex-direction:row;gap:100px}}@media(min-width: 1024px){.contact-section .contact-container .contact-details{width:50%}}.contact-section .contact-container .contact-details .contact-heading{color:#e8edf5;font-size:28px;font-weight:700;letter-spacing:1px;margin:0}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-heading{font-size:36px}}.contact-section .contact-container .contact-details .contact-heading .highlighted-text{color:#fbbf24}.contact-section .contact-container .contact-details .contact-description{margin:24px 0 50px}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-description{margin:32px 0 70px}}@media(min-width: 1440px){.contact-section .contact-container .contact-details .contact-description{margin:32px 0 105px}}.contact-section .contact-container .contact-details .contact-description .desc-paragraph{font-size:16px;line-height:24px;margin:0}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-description .desc-paragraph{font-size:18px;line-height:28px}}.contact-section .contact-container .contact-details .contact-description .desc-paragraph:not(:last-of-type){margin-bottom:24px}.contact-section .contact-container .contact-details .contact-description .desc-paragraph .highlighted-text{color:#10b981}.contact-section .contact-container .contact-details .contact-section-links{display:none}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-section-links{display:block}}.contact-section .contact-container .contact-details .contact-section-links::after{left:100%;transform:translateX(calc(57px - 50%));width:100vw}.contact-section .contact-container .contact-form{box-sizing:content-box}.contact-section .contact-container .contact-form-wrapper{background:#161e35;border:1px solid rgba(239,68,68,.3);border-radius:20px;box-shadow:0 0 48px rgba(239,68,68,.1),inset 0 0 60px rgba(239,68,68,.04);box-sizing:border-box;height:100%;padding:50px 25px;position:relative;width:100%}@media(min-width: 376px){.contact-section .contact-container .contact-form-wrapper{padding:50px 40px}}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper{padding:65px 55px}}@media(min-width: 1024px){.contact-section .contact-container .contact-form-wrapper{width:50%}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper{padding:85px 75px}}.contact-section .contact-container .contact-form-wrapper::before,.contact-section .contact-container .contact-form-wrapper::after{background:center/contain url("/static/images/tape.b31d6427724b.webp");content:"";display:block;height:45px;position:absolute;transform-origin:center;width:247px}.contact-section .contact-container .contact-form-wrapper::before{right:0;top:0;transform:translate(50%, -50%) rotate(45deg) translateY(50px) scale(0.6)}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper::before{transform:translate(50%, -50%) rotate(45deg) translateY(60px) scale(0.8)}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper::before{transform:translate(50%, -50%) rotate(45deg) translateY(65px)}}.contact-section .contact-container .contact-form-wrapper::after{bottom:0;left:0;transform:translate(-50%, 50%) rotate(45deg) translateY(-50px) scale(0.6)}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper::after{transform:translate(-50%, 50%) rotate(45deg) translateY(-60px) scale(0.8)}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper::after{transform:translate(-50%, 50%) rotate(45deg) translateY(-65px)}}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#0f1629;border-radius:0 0 8px 8px;color:#10b981;font-size:16px;left:50%;margin:0;opacity:0;padding:10px;position:absolute;top:0;transform:translateX(-50%);transition:opacity .3s ease-in}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::before,.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::after{content:"";height:10px;position:absolute;top:0;width:20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::before{border-top-right-radius:8px;box-shadow:10px 0 0 0 #0f1629;left:-20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::after{border-top-left-radius:8px;box-shadow:-10px 0 0 0 #0f1629;right:-20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text.show-text{opacity:1}.contact-section .contact-container .contact-form-title{color:#e8edf5;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 36px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-title{font-size:32px;margin-bottom:54px}}.contact-section .contact-container .contact-form-item{height:50px;position:relative}.contact-section .contact-container .contact-form-item:not(:last-of-type){margin-bottom:28px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item:not(:last-of-type){margin-bottom:48px}}.contact-section .contact-container .contact-form-item.message-box{height:120px;margin-top:54px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item.message-box{margin-bottom:75px}}.contact-section .contact-container .contact-form-item.message-box .label-content{padding-bottom:90px}.contact-section .contact-container .contact-form-item .text-input,.contact-section .contact-container .contact-form-item .text-message{background:rgba(0,0,0,0);border:none;color:#e8edf5;font-family:"Raleway",sans-serif;font-size:16px;outline:none;padding:0;width:100%}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item .text-input,.contact-section .contact-container .contact-form-item .text-message{font-size:20px}}.contact-section .contact-container .contact-form-item .text-input{height:100%;padding-top:9px}.contact-section .contact-container .contact-form-item .text-message{min-height:120px;resize:none}.contact-section .contact-container .contact-form-item .label-details{border-bottom:1px solid rgba(239,68,68,.35);bottom:0;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.contact-section .contact-container .contact-form-item .label-details::after{border-bottom:3px solid #ef4444;bottom:-2px;content:"";height:100%;left:0;opacity:0;position:absolute;transition:opacity .3s ease-in;width:100%}.contact-section .contact-container .contact-form-item .label-details .label-content{bottom:5px;color:#cbd5e1;font-size:16px;left:0;position:absolute;transition:all .3s ease}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item .label-details .label-content{font-size:20px}}.contact-section .contact-container .contact-form-item .label-details .label-content.required-label::after{color:#ef4444;content:" *"}.contact-section .contact-container .contact-form-item.form-btn-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:56px}.contact-section .contact-container .contact-form-item.form-btn-wrapper .form-btn{font-size:16px}@media(min-width: 600px){.contact-section .contact-container .contact-form-item.form-btn-wrapper .form-btn{font-size:20px}}.contact-section .contact-container .contact-form-item .text-input:focus+.label-details .label-content,.contact-section .contact-container .contact-form-item .text-input:valid+.label-details .label-content{color:#10b981;font-size:14px;transform:translateY(-130%)}.contact-section .contact-container .contact-form-item .text-input:focus+.label-details::after,.contact-section .contact-container .contact-form-item .text-input:valid+.label-details::after{opacity:1}.contact-section .contact-container .contact-form-item .text-message:focus+.label-details .label-content,.contact-section .contact-container .contact-form-item .text-message:not(:placeholder-shown)+.label-details .label-content{color:#10b981;font-size:14px;transform:translateY(-30%)}.contact-section .contact-container .contact-form-item .text-message:focus+.label-details::after,.contact-section .contact-container .contact-form-item .text-message:not(:placeholder-shown)+.label-details::after{opacity:1}.footer-link{width:100%}@media(min-width: 1024px){.footer-link{display:none}}@media(min-width: 600px)and (min-height: 650px){.fed-section::before{content:"";display:block;height:64px}}.fed-section .fed-header .title{color:#10b981;font:600 36px/42px Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;margin:24px 20px 0}@media(min-width: 600px){.fed-section .fed-header .title{font-size:48px;line-height:56px;margin:0 48px;padding:60px 0 20px;text-align:center}}.fed-section .fed-header .image-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:24px 48px}.fed-section .fed-header .image-wrapper .fed-image{background:#fff;border-radius:10px;max-width:1024px;padding:5px 25px 5px 5px;width:100%}.fed-section .fed-description{font-size:16px;line-height:32px;margin:auto;max-width:1024px;padding:20px 20px 0}.fed-section .fed-description .desc-para{margin:0 0 20px}.fed-section .fed-description .desc-para .highlighted-text{color:#10b981;font-weight:500}.fed-section .image-input-container{margin:auto;max-width:1024px;padding:0 20px}.fed-section .image-input-container .capture-text{color:#10b981;font-family:Permanent Marker,Roboto,Arial,Helvetica,sans-serif;font-size:36px;text-align:center}@media(min-width: 600px){.fed-section .image-input-container .capture-text{font-size:48px}}.fed-section .image-input-container .container-subtitle{color:#64748b;font-size:14px;margin:0 auto 20px;text-align:center;width:80%}.fed-section .image-input-wrapper{display:grid;grid:"image-input";justify-content:center;margin:64px 20px}.fed-section .image-input-area{background:#161e35;border:2px dashed #10b981;border-radius:10px;grid-area:image-input}.fed-section .image-input-area.hide-text{opacity:0}.fed-section .image-input-area.hide-text .image-input-text{display:none}.fed-section .image-input-text{cursor:pointer;margin:auto;padding:48px 0;position:relative;text-align:center;top:50%;transform:translateY(-50%);width:60%}.fed-section .image-input-text .image-frame-logo{fill:#161e35;height:56px;width:56px}.fed-section .image-input-text .title-text{color:#161e35;font-size:28px}.fed-section .image-input-text .subtitle-text{color:#64748b;margin-bottom:0}.fed-section .display-screen{border:2px solid #161e35;border-radius:10px;grid-area:image-input;left:50%;position:relative;transform:translateX(-50%);z-index:-1}.fed-section .fed-btn-container{margin:40px 0 60px;padding:0 20px}@media(min-width: 600px){.fed-section .fed-btn-container .wrapper-title{text-align:center}}.fed-section .fed-btn-container .btn-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;gap:20px}@media(min-width: 600px){.fed-section .fed-btn-container .btn-wrapper{flex-direction:row}}