:root{cursor:default;--color-white:#fff;--color-black:#000;--color-dark-mode:#11111b;--color-light-mode:#ece7e1;--color-ddd-color:#ddd;--color-gray:#c4c4c4;--color-purple:#8000ff;--color-light-purple:#cf59e6;--color-light-blue:#6bc5f8;--color-navbarBorder-dark:#e2e2e207;--color-shadowDark:rgba(0,0,0,.137);--static-heading-gradient-blue:#b0f3f1;--static-heading-gradient-pink:#ffcfdf;--tech-stack-box-first-color:#1a1a29;--tech-stack-box-second-color:rgba(27,27,40,0);--tech-stack-box-border-color:#292929}#hello-friend{height:4rem}.fullname{background:-webkit-linear-gradient(135deg,var(--color-light-blue),var(--color-light-purple),var(--color-light-blue),var(--color-light-purple));-webkit-text-fill-color:transparent}#name{font-size:3.4rem;align-items:flex-start;background:linear-gradient(-45deg,var(--color-light-blue),var(--color-light-purple),var(--color-light-blue),var(--color-light-purple));background-clip:text;-webkit-background-clip:text;background-size:500% 500%;animation:gradient 3s infinite}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.jello:hover{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#03e6ff;animation:jello-vertical .9s both}@keyframes jello-vertical{0%,to{transform:scaleX(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}}@media (max-width:768px){#hello-friend{height:2.3rem}#name{font-size:2.2rem}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#d4d4d4}}.code-container{font-family:monospace;font-size:.875rem;white-space:pre;background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:.5rem;position:relative;overflow:hidden}.npm-i-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);color:#fff;padding:1rem;font-size:1.5rem;animation:fade-out 3s forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.image-container{position:relative}.hover-image{width:180rem;height:30rem;transition:filter .3s ease}@media (max-width:767px){.hover-image{width:100rem;height:17rem;transition:filter .3s ease}}.image-container:hover .hover-image{filter:brightness(50%)}.button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease}.image-container:hover .button-overlay{opacity:1}.hover-button{background-color:rgba(0,0,0,.8);border:none;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.hover-button:hover{background-color:#000}.card{display:flex;flex-direction:column;flex-basis:300px;flex-shrink:0;flex-grow:0;max-width:100%;background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.15);border-radius:10px;overflow:hidden;margin:1rem}.card-img{padding-bottom:56.25%;position:relative}.card-img img{position:absolute;width:100%}.card-body{padding:1.5rem}.card-title{font-size:1.25rem;line-height:1.33;font-weight:700}.card-title.skeleton{min-height:28px;border-radius:4px}.card-intro{margin-top:.75rem;line-height:1.5}.card-intro.skeleton{min-height:72px;border-radius:4px}.skeleton{background-color:#e2e5e7;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));background-size:40px 100%;background-repeat:no-repeat;background-position:left -40px top 0;animation:shine 1s ease infinite}@keyframes shine{to{background-position:right -40px top 0}}@media(min-width:1000px){#timeline .demo-card:nth-child(2n) .head:after,#timeline .demo-card:nth-child(odd) .head:after{position:absolute;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}#timeline .demo-card:nth-child(2n) .head:before,#timeline .demo-card:nth-child(odd) .head:before{position:absolute;content:"";width:9px;height:9px;background-color:#bdbdbd;border-radius:9px;box-shadow:0 0 2px 8px transparent}}.demo-card:first-child{order:1}.demo-card:nth-child(2){order:4}.demo-card:nth-child(3){order:2}.demo-card:nth-child(4){order:5}.demo-card:nth-child(5){order:3}.demo-card:nth-child(6){order:6}*{box-sizing:border-box}body{font-family:Roboto}#timeline{padding:100px 0;background:transparent;border-top:1px solid rgba(249,31,140,.947);border-bottom:1px solid rgba(249,31,140,.947)}#timeline h1{text-align:center;font-size:3rem;font-weight:200;margin-bottom:20px}#timeline p.leader{text-align:center;max-width:90%;margin:auto auto 45px}#timeline .ul li::marker{color:red}#timeline .datee{text-align:right}#timeline .demo-card-wrapper{position:relative;margin:auto}@media(min-width:1000px){#timeline .demo-card-wrapper{display:flex;flex-flow:column wrap;width:1170px;height:1650px;margin:0 auto}}#timeline .demo-card-wrapper:after{z-index:1;content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid rgba(249,31,140,.947)}@media(min-width:1000px){#timeline .demo-card-wrapper:after{border-left:1px solid #bdbdbd}}#timeline .demo-card{position:relative;display:block;margin:10px auto 80px;max-width:94%;z-index:2;box-shadow:0 0 1rem #ff0058;cursor:pointer}@media(min-width:480px){#timeline .demo-card{max-width:89%}}@media(min-width:720px){#timeline .demo-card{max-width:89%}}@media(min-width:1000px){#timeline .demo-card{max-width:450px;height:400px;margin:45px 90px}#timeline .demo-card:nth-child(odd){margin-right:45px}#timeline .demo-card:nth-child(odd) .head:after{border-left-width:15px;border-left-style:solid;left:100%}#timeline .demo-card:nth-child(odd) .head:before{left:491.5px}#timeline .demo-card:nth-child(2n){margin-left:45px}#timeline .demo-card:nth-child(2n) .head:after{border-right-width:15px;border-right-style:solid;right:100%}#timeline .demo-card:nth-child(2n) .head:before{right:489.5px}#timeline .demo-card:nth-child(2){margin-top:180px}}#timeline .demo-card .head{position:relative;display:flex;align-items:center;color:#fff;font-weight:400;border:1px solid rgba(249,31,140,.947)}#timeline .demo-card .head .number-box{display:inline;float:left;margin:15px;padding:10px;font-size:35px;line-height:35px;font-weight:600;background:rgba(0,0,0,.17)}#timeline .demo-card .head h2{text-transform:uppercase;font-size:1.3rem;font-weight:inherit;letter-spacing:2px;margin:0;padding-bottom:6px;line-height:1rem}@media(min-width:480px){#timeline .demo-card .head h2{font-size:165%;line-height:1.2rem}}#timeline .demo-card .head h2 span{display:block;font-size:.6rem;margin:0}@media(min-width:480px){#timeline .demo-card .head h2 span{font-size:.8rem}}#timeline .demo-card .body{background:transparent;border:1px solid rgba(249,31,140,.947);border-top:0;padding:15px}@media(min-width:1000px){#timeline .demo-card .body{height:315px}}#timeline .demo-card .body p{font-size:14px;line-height:18px;margin-bottom:15px}#timeline .demo-card .body img{display:block;width:100%}#timeline .demo-card--step1{background-color:#050505}#timeline .demo-card--step1 .head:after{border-color:#050505}#timeline .demo-card--step2{background-color:#020202}#timeline .demo-card--step2 .head:after{border-color:#020202}#timeline .demo-card--step3{background-color:#030303}#timeline .demo-card--step3 .head:after{border-color:#030303}#timeline .demo-card--step4{background-color:#040404}#timeline .demo-card--step4 .head:after{border-color:#040404}#timeline .demo-card--step5{background-color:#050505}#timeline .demo-card--step5 .head:after{border-color:#050505}.wrapper{position:absolute;right:22%;top:49%;perspective:2500px;z-index:1}.box-area{position:relative;transform-style:preserve-3d;animation-name:rotate;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes rotate{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg)}33%{transform:rotateY(-90deg) rotate(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg)}83%{transform:rotate(90deg) rotateX(90deg)}}.box{position:absolute;width:260px;height:260px;border:2px solid #ff14e8}#box-front{transform:translateX(-130px) translateY(-130px) translateZ(130px);background-image:url(/_next/static/media/aws.8dff8f22.svg)}#box-back,#box-front{background-size:cover;background-position:50%}#box-back{transform:translateX(-130px) translateY(-130px) translateZ(-130px);background-image:url(/_next/static/media/nginx.dd577355.svg)}#box-right{transform:translateY(-130px) rotateY(90deg);background-image:url(/_next/static/media/git.21d80414.svg)}#box-left,#box-right{background-size:cover;background-position:50%}#box-left{transform:translateY(-130px) translateX(-260px) rotateY(90deg);background-image:url(/_next/static/media/gcp.05f3d772.svg)}#box-top{transform:translateX(-130px) translateY(-260px) rotateX(90deg);background-image:url(/_next/static/media/docker.23787008.svg)}#box-bottom,#box-top{background-size:cover;background-position:50%}#box-bottom{transform:translateX(-130px) rotateX(90deg);background-image:url(/_next/static/media/grafana.d63bd5e1.svg)}.box-area{transform:rotateX(90deg) rotateY(90deg)}@media (max-width:768px){.wrapper{top:-30px;margin-right:6.9rem}.box{width:170px;height:170px}#box-front{transform:translateX(-80px) translateY(-80px) translateZ(80px)}#box-back{transform:translateX(-80px) translateY(-80px) translateZ(-80px)}#box-right{transform:translateY(-80px) rotateY(90deg)}#box-left{transform:translateY(-80px) translateX(-160px) rotateY(90deg)}#box-top{transform:translateX(-80px) translateY(-160px) rotateX(90deg)}#box-bottom{transform:translateX(-80px) rotateX(90deg)}}.blog-section{position:relative;overflow:hidden;height:100%}.blog-container{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px}.blog-card{display:inline-block;width:100%;max-width:250px;margin:0 10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;border-radius:10px;opacity:0;transition:transform .3s ease;scroll-behavior:smooth}.blog-card:hover{transform:scale(1.05)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (min-width:768px){.blog-card{max-width:45%}}@media (min-width:1024px){.blog-card{max-width:30%}}@media (max-width:767px){.blog-container{padding:24px 10px}.blog-card{max-width:89%}}.ProjectTile_no-scrollbar__AoykS{-ms-overflow-style:none;scrollbar-width:none}.ProjectTile_no-scrollbar__AoykS::-webkit-scrollbar{display:none}.ProjectTile_projectTile__DHK2c{transform-style:preserve-3d;transform:perspective(1000px)}.ProjectTile_projectTile__DHK2c img{-o-object-fit:cover;object-fit:cover}.ProjectTile_projectImage__tsR4p{position:absolute;top:0;border-radius:.75rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:17rem!important;transform:rotate(-22.5deg);height:unset!important;min-width:unset!important;max-height:unset!important;-o-object-fit:contain!important;object-fit:contain!important;left:unset!important;right:2rem!important;bottom:unset!important}.ProjectTile_techIcons__FFK_i{transform:rotate(-22.5deg) translateZ(2rem);will-change:transform}.Loader_screen__iRPvu{background:#000;height:100%;width:100%;position:fixed;z-index:9999;top:0;left:-1px}.Loader_loader__eKItv{display:flex;align-items:center;justify-content:center;width:100%;max-width:10rem;margin-top:1rem;margin-bottom:3rem;top:40%;font-size:xx-large}.Loader_loader__eKItv,.Loader_npm__DoK_2{position:absolute;left:50%;transform:translate(-50%,-50%)}.Loader_npm__DoK_2{top:62%}.Loader_npmp__kVV9i{color:#00ff7f}@media(max-width:320px){.Loader_loader__eKItv{top:40%;left:50%;transform:translate(-50%,-50%)}.Loader_npm__DoK_2{top:62%;left:50%;transform:translate(-50%,-50%)}}@media(max-width:768px){.Loader_loader__eKItv{top:45%;left:50%;transform:translate(-50%,-50%)}.Loader_npm__DoK_2{top:62%;left:50%;transform:translate(-50%,-50%)}}@media(max-width:992px){.Loader_loader__eKItv{top:45%;left:50%;transform:translate(-50%,-50%)}.Loader_npm__DoK_2{top:62%;left:50%;transform:translate(-50%,-50%)}}@media(max-width:1200px){.Loader_loader__eKItv{top:45%;left:50%;transform:translate(-50%,-50%)}.Loader_npm__DoK_2{top:62%;left:50%;transform:translate(-50%,-50%)}}.Loader_loader__eKItv:after,.Loader_loader__eKItv:before{content:"";position:absolute;border-radius:50%;animation:Loader_pulsOut__2vSWN 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem rgba(255,255,255,.75))}.Loader_loader__eKItv:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1rem #fff;animation-name:Loader_pulsIn__2RQ8G}.Loader_loader__eKItv:after{width:calc(100% - 2rem);padding-bottom:calc(100% - 2rem);box-shadow:0 0 0 0 #fff}@keyframes Loader_pulsIn__2RQ8G{0%{box-shadow:inset 0 0 0 1rem #fff;opacity:1}50%,to{box-shadow:inset 0 0 0 0 #fff;opacity:0}}@keyframes Loader_pulsOut__2vSWN{0%,50%{box-shadow:0 0 0 0 #fff;opacity:0}to{box-shadow:0 0 0 1rem #fff;opacity:1}}.Loader_progress__FDAnl{width:9rem;border-radius:.5rem;height:.3rem;position:absolute;top:67%;left:50%;margin:0 auto 0 -4.5rem;background-color:#1e1b20;overflow:hidden;animation-name:Loader_fadeAppear__he_xd;animation-duration:1s}.Loader_progress__FDAnl:after{content:"";position:absolute;top:0;display:block;border-radius:.5rem;height:.3rem;width:100%;left:-100%;background-image:linear-gradient(90deg,#fff,#fff);animation-name:Loader_load__nih3a;animation-duration:1.7s;animation-delay:1s;animation-iteration-count:infinite}@keyframes Loader_fadeAppear__he_xd{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes Loader_load__nih3a{0%{left:-100%}to{left:100%}}@keyframes Loader_fazer1__hF_vB{0%{left:0}to{left:-80px;opacity:0}}@keyframes Loader_fazer2__1CrGn{0%{left:0}to{left:-100px;opacity:0}}@keyframes Loader_fazer3__uR1p_{0%{left:0}to{left:-50px;opacity:0}}@keyframes Loader_fazer4__Bg_Xm{0%{left:0}to{left:-150px;opacity:0}}@keyframes Loader_speeder__jjhWb{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}