@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";
:root{--page-bg:#0f2537;--panel-bg:#0e2132}html{scrollbar-gutter:stable;overflow-y:scroll}html,body{background-color:var(--page-bg)!important;overflow-x:hidden!important}body.modal-open{padding-right:0!important}main,.features,.hero-container,#about{background-color:var(--page-bg)}body.custom-cursor-visible,body.custom-cursor-visible *{cursor:none!important}#root{overflow-x:hidden!important}.showCursor{opacity:1}.hideCursor{opacity:0}.contentful-logo{position:relative;top:3px}.features{flex-direction:column;gap:5rem;display:flex}#articles{flex-direction:column;align-items:center;display:flex;position:relative;bottom:50px;overflow:hidden}.home-article-bugfix:after{content:"";z-index:0;background-color:#0e2132;width:100%;height:2px;position:absolute}.home-article{opacity:0;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transform:translateY(4rem)}.home-article.visible{opacity:1;transform:translateY(0)}.port-slide-right{opacity:0;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transform:translate(10vw)}.port-slide-left{opacity:0;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transform:translate(-10vw)}.port-visible{opacity:1;transform:translate(0)}#portfolio{position:relative;bottom:25px}.hero-section,.hero-container{position:relative}.hero-container{background-color:var(--page-bg)}.hero-container:before{content:"";z-index:0;background-color:var(--page-bg);pointer-events:none;position:absolute;inset:0;transform:translateZ(0)}.hero-container.vh-100{isolation:isolate;overflow:hidden;height:100svh!important;min-height:100svh!important}@supports (height:100dvh){.hero-container.vh-100{height:100dvh!important;min-height:100dvh!important}}.god-wrapper{z-index:1;position:absolute;inset:0;overflow:hidden}.god-wrapper,.god-wrapper *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.god-wrapper .god,.god-wrapper .circuit-bg,.god-wrapper [class^=circuit]{z-index:0!important}.god-wrapper .circuit1,.god-wrapper .circuit2,.god-wrapper .circuit3,.god-wrapper .circuit4,.god-wrapper .circuit5,.god-wrapper .circuit6,.god-wrapper .circuit8,.god-wrapper .circuit9,.god-wrapper .circuit10,.god-wrapper .circuit11,.god-wrapper .circuit13,.god-wrapper .circuit14{z-index:1!important}.god-wrapper .god{z-index:2!important}.god-wrapper .shine,.god-wrapper .shineSecond,.god-wrapper .shineThird,.god-wrapper .shine4th{z-index:3}.intro-copy-motion,.intro-line-motion,.explore{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity}.circuit1{z-index:-9999;background-image:linear-gradient(-145deg,#0f2537ae 30%,#0f253700);width:80px;height:70px;position:absolute;top:3.2rem;right:4rem}.circuit2{z-index:-9999;background-color:#0f2537;border-radius:100%;width:100px;height:78px;position:absolute;top:7.2rem;right:10rem}.circuit3{z-index:-9999;background-color:#0f2537;border-radius:100%;width:60px;height:72px;position:absolute;top:10rem;right:9.5rem}.circuit4{z-index:-9999;background-color:#0f2537;border-radius:100%;width:30px;height:27px;position:absolute;top:13rem;right:8.3rem}.circuit5{z-index:-9999;background-color:#0f2537dc;width:120px;height:53px;position:absolute;top:0;right:4rem}.circuit6{z-index:-9999;background-color:#0f2537;width:30px;height:45px;position:absolute;top:0;right:13.3rem}.circuit8{z-index:-9999;background-color:#0f2537;border-radius:100%;width:45px;height:38px;position:absolute;top:13rem;right:10.8rem}.circuit9{z-index:-9999;background-color:#0f2537;border-radius:100% 0 100% 100%;width:40px;height:30px;position:absolute;top:15.9rem;right:5rem;transform:rotate(45deg)}.circuit10{z-index:-9999;background-color:#0f2537;width:50px;height:40px;position:absolute;top:20rem;right:4.2rem}.circuit11{z-index:-9999;background-color:#0f2537;border-radius:37%;width:50px;height:50px;position:absolute;top:8.5rem;right:9rem}.circuit13{z-index:-9999;background-color:#0f2537;border-radius:100% 0 0 100%;width:50px;height:35px;position:absolute;top:21.8rem;right:6.3rem;transform:rotate(45deg)}.circuit14{z-index:-9999;background-color:#0f253750;width:97px;height:10px;position:absolute;top:18.8rem;right:6.5rem}.god{opacity:.4;height:auto;position:absolute;top:0;right:0;z-index:-1000!important}.circuit-bg{opacity:.78;pointer-events:none;border-radius:0 0 0 2000px;height:auto;position:absolute;top:0;right:0;z-index:-10000!important}.profile-photo{width:300px;height:300px}.pp-cover{z-index:100;width:300px;height:300px;position:absolute;box-shadow:0 0 5px 1px #5bc0de62;background-color:#00000016!important}.pp-cover2{z-index:100;width:305px;height:305px;position:absolute;box-shadow:0 0 10px 1px #ffffff28;background-color:#0000!important}.keyboard{opacity:.07;top:50%;left:-.1rem;transform:translateY(-50%)}.explore{z-index:105;letter-spacing:.5px;width:200px;height:50px;top:5rem;right:.5rem;border-radius:5px!important}.delete-cursor{display:none}.hero-text{z-index:1000}.navbar{z-index:1000;position:absolute;top:0!important}.about-container{background-color:var(--panel-bg);overflow:hidden}.highlight{color:#fff;letter-spacing:1px;font-weight:700}.card-text,.about-me-container p{color:#b5bbc1;font-size:large;line-height:1.7}.under-intro-border{border:2px solid #abb6c2}.about-text p{font-size:larger;line-height:1.6}.card-container{background-color:#0f2537!important}.shine{opacity:0;width:30px;animation:1s infinite twinkling;position:absolute;top:15.2rem;right:6.6rem;box-shadow:0 0 50px 10px #5bc0debb}.shineSecond{opacity:0;width:30px;animation:1s infinite twinkling;position:absolute;top:15.2rem;right:6.6rem;box-shadow:0 0 100px 30px #5bc0debb}.shineThird{opacity:0;width:30px;animation:1s infinite twinkling;position:absolute;top:15.2rem;right:6.6rem;box-shadow:0 0 30px 10px #5bc0debb}.shine4th{opacity:0;border-radius:50%;width:3px;animation:1s infinite twinkling;position:absolute;top:15.2rem;right:7.6rem;box-shadow:0 0 20px 10px #abb6c2}.shineLine{width:40px;position:absolute;bottom:110px}.header-row{z-index:2;position:relative}.path{stroke-dasharray:200;animation:12s linear infinite reverse dash}.path-first{stroke-dasharray:500;animation:12s linear infinite reverse dash2}@keyframes dash{to{stroke-dashoffset:2000px}}@keyframes dash2{to{stroke-dashoffset:2000px}}.path-bottom{position:relative;bottom:13.65rem;right:5.25rem}.circuit-wrapper{z-index:-10000;width:200px;height:280px;position:absolute;right:4rem;overflow:hidden}.circuit-wrapper2{z-index:-10000;clip-path:polygon(0 0,85% 0,90% 18%,100% 27%,100% 100%,0 100%,15% 100%,32% 80%,51% 66%,0 63%);width:96px;height:112px;position:absolute;top:14.65rem;right:6.55rem;overflow:hidden}.circuit-svg{z-index:-10000;position:relative;top:1rem;bottom:5rem!important;right:1.3rem!important}.line{border-right:1px solid #abb6c2;width:100%;height:110px;margin-top:.8rem;transform:translate(-50%)}.dot{opacity:0;background-color:#000;width:5px;height:5px;position:absolute;bottom:110px;right:18px}.software{white-space:nowrap;-webkit-user-select:none;user-select:none}.side-icons{gap:30px;margin-left:7px}.hamburger{cursor:pointer;z-index:10000;right:1rem}.rotate-90{transition:all .2s ease-in-out;transform:rotate(-90deg)}.horizontal{transition:all .2s ease-in-out}.hamburger-z-cover{z-index:10000;position:relative}.nav-link{text-align:center;letter-spacing:1px;border-radius:75px;justify-content:center;align-items:center;width:6rem;height:3rem;margin-top:1.2rem;transition:box-shadow 1s;display:flex;position:relative;background:#0f2537!important;padding-top:.8rem!important}.main-navbar{color:#c8dadf!important}.nav-link:hover{text-shadow:0 0 3px #5bc0deb6;transition:color .1s ease-in-out;color:#fff!important}.nav-link-small{background:#18083000!important}.nav-link-small:hover:before,.nav-link-small:hover:after{display:none!important}@keyframes linelen{0%{width:0}to{width:2.5rem}}.home-link{letter-spacing:1px;margin-bottom:5.7rem;position:relative;top:1.2rem;color:#c8dadf!important;background-color:#0e2132!important}.home-mobile{color:#b5bbc1!important}.small-navbar{z-index:1010;opacity:1;backface-visibility:hidden;width:100%;height:0;animation-name:openNav;animation-duration:.2s;animation-timing-function:ease-in-out;animation-direction:normal;animation-iteration-count:inherit;background-color:#0b1a27da;animation-fill-mode:forwards;position:absolute;top:6rem;overflow:hidden}.side-nav{z-index:10000;flex-direction:column;gap:1rem;width:40px;display:flex;position:fixed;bottom:0;left:25px}.small-wrapper{height:0}.hero-text{scale:.9}.side-icons a{transition:fill .3s,color .3s}.side-icons a:hover svg{filter:brightness(0)invert();fill:#fff;transition:fill .3s,color .3s}.article-card{cursor:pointer;text-decoration:none;transition:all .2s;background-color:#0e2132!important;border:2px solid #0e2132!important;width:100%!important}.bonus-card{width:100%;max-width:28rem;margin-top:.8rem;background-color:#0f2537!important}.my-articles-title,.my-projects-title{margin-bottom:6rem}.bonus-title,.my-articles-title,.my-projects-title{letter-spacing:1px;color:#ced4da!important}.article-item-title{color:#b5bbc1!important;transition:all .2s!important}.bonus-item-container{padding-left:2rem!important;padding-right:2rem!important}.placeholder-opacity{opacity:.1}.placeholder{background-color:#fff!important}.article-content{color:#b5bbc1;font-size:large;line-height:1.7;max-width:40rem!important}.article-meta-info{opacity:.6}.read-more{padding-bottom:4rem}.read-more a{font-size:medium;color:#b5bbc1!important;text-decoration:none!important}.read-more a:hover{color:#ebebeb!important}.read-more-title{border-bottom:1px solid #b5bbc123;font-size:medium}.read-more-down-icon{position:relative;left:5px}.share-link{font-size:medium}.article-date{font-size:14.5px}.article-page{background-color:#0e2132}.article-page-title{color:#b5bbc1}.bonus-title{width:200px;position:relative;bottom:1rem}.my-articles-title,.my-projects-title{bottom:.3rem}.bonus-card-title{white-space:nowrap;padding:0;color:#ced4da!important;font-size:larger!important;line-height:1.6!important}.bonus-image{opacity:1;width:100%;height:100%;transition:all .3s ease-in-out;overflow:hidden!important}.bonus-image:hover{opacity:1;transition:all .3s ease-in-out}.bonus-image-cover{z-index:1000;background-color:#0f253715;width:100%;height:100%;position:absolute}.bonus-image-2{z-index:1005}.bonus-body{height:100%;width:100%!important}.blob{z-index:-3;top:-20rem;scale:.5}.bonus-body-container{position:relative;width:100%!important}.bonus-card-text{color:#b5bbc1;line-height:1.7!important}.bonus-card-text a:hover{color:#dde1e5!important}.blob-container{top:32px;right:5px}.bonus-section{margin-top:2.7rem;bottom:4rem}.footer-text{white-space:nowrap;color:#b5bbc1;font-size:.9rem;width:fit-content!important}.footer-container{background-color:#0e2132;position:relative}.set-border-top{border-top:1px solid #aab1b923;padding-left:5rem;padding-right:5rem;max-width:37.15rem!important}.code-block{line-height:1.8}.back-home{color:#b5bbc1!important;background-color:#0e2132!important;font-size:14px!important}.back-home-container{position:relative;bottom:1.6rem}.down-arrow{margin-left:1rem;animation:1s infinite upDown}.btn-outline-info:focus,.btn-outline-info:hover,.explore:focus,.explore:hover{box-shadow:0 0 10px 1px #8cd3e82a;color:#8cd3e8!important;background-color:#0e21320a!important;border-color:#8cd3e8!important}.btn-outline-dark:focus,.btn-outline-dark:hover{box-shadow:0 0 10px 1px #ebebeb2a;color:#8cd3e8!important;background-color:#0e21320a!important;border-color:#8cd3e8!important}.btn-outline-dark:focus svg,.btn-outline-dark:hover svg{fill:#fff}.cv-icon{position:relative;bottom:1px;right:5px}.cv-link{margin-left:auto;margin-right:auto;position:relative}.inside-cv{position:relative;top:.4rem;left:.3rem}.cv-link-navbar{position:absolute;right:0;color:#c8dadf!important}.cv-link:hover,.cv-link:focus,.cv-link:active{transition:color .1s ease-in-out;box-shadow:none!important;color:#fff!important;text-shadow:0 0 3px #5bc0de00!important;border:none!important;outline:none!important}.article-description{color:#b5bbc1;max-width:30rem;transition:all .2s!important}.opacity-75{opacity:1!important}.loading-spinner{margin-bottom:2px;margin-left:.5rem;width:1rem!important;height:1rem!important}.error-page,.errorBoundary{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.error-page{flex-direction:column;gap:4rem;position:relative;bottom:5rem}.code-snippet{font-size:large}.magnifier:before{content:"";z-index:200;border-radius:100%;width:94px;height:94px;position:absolute;top:2px;left:2px;box-shadow:0 0 10px #8cd3e8;background-image:radial-gradient(#fff0 45%,#5bc0de30)!important}.magnifier:after{content:"";z-index:10;opacity:.12;background-color:#5bc0de;border-radius:50%;width:18px;height:9px;display:block;position:relative;top:62px;left:62px;transform:rotate(-45deg)}.stick-mag{background:radial-gradient(#f18bba10 45%,#5bc0de50)!important;border:3px solid #5bc0de!important;width:35px!important;height:35px!important}.stick-mag:after{content:"";z-index:1000000;background-color:#5bc0de;border-radius:2px;width:3px;height:20px;position:absolute;bottom:-10px;right:-10px;transform:rotate(-52deg)}.stick-mag:before{content:"";z-index:10;opacity:.1;background-color:#5bc0de;border-radius:50%;width:10px;height:5px;display:block;position:relative;top:4px;left:4px;transform:rotate(-45deg)}.bonus-image,.project-device-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}@keyframes upDown{0%{transform:translateY(1px)}50%{transform:translateY(-1px)}to{transform:translateY(1px)}}@keyframes circle{0%{transform:rotate(0)translate(-90px)rotate(0)}to{transform:rotate(360deg)translate(-90px)rotate(-360deg)}}@keyframes bonusChart{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes clockwise{0%{top:-3px;left:0}12%{top:-2px;left:2px}25%{top:0;left:5px}37%{top:2px;left:2px}50%{top:3px;left:0}62%{top:2px;left:-2px}75%{top:0;left:-5px}87%{top:-2px;left:-2px}to{top:-3px;left:0}}@keyframes counterclockwise{0%{top:-3px;right:0}12%{top:-2px;right:2px}25%{top:0;right:5px}37%{top:2px;right:2px}50%{top:3px;right:0}62%{top:2px;right:-2px}75%{top:0;right:-5px}87%{top:-2px;right:-2px}to{top:-3px;right:0}}@keyframes twinkling{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes openNav{0%{opacity:0;height:0}to{opacity:1;height:10.4rem}}@keyframes closeNav{0%{opacity:1;height:10.4rem}to{opacity:0;height:0}}.animate__animated.animate__fadeInDown{--animate-duration:.8s;backface-visibility:hidden}@media (min-width:768px){.hamburger,.small-navbar{display:none!important}.article-card:hover .article-item-title{backface-visibility:hidden;text-shadow:0 0 7px #5bc0de56;color:#fff!important;transition:all .2s!important}.article-card:hover .article-description{backface-visibility:hidden;text-shadow:0 0 7px #5bc0de50;color:#dde1e5!important;transition:all .2s!important}}@media (max-width:1024px){.home-link{transform:translate(-.5rem)}.animated-cursor{display:none}}@media (max-width:767px){.navbar,.side-nav{display:none!important}}@media (max-width:992px){.side-nav{left:7px}}