@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}:root{--primary-color: antiquewhite;--primary-color-dark: #333;--dark-white: #f5e0c3;--dark-black: #181111;--font-color-secondary: #685228;--base-size: 5vw;--small-base: 3vw;--heading-font: 6.2rem;--subheading-font: 2.2em;--title-font: 3em;--very-large-font: 15em;--general-text-font: 1.4em;--date-font: .8em;--hover-link: rgba(198, 194, 194, .95);--hover-button: rgba(198, 194, 194, .95);--light-first: linear-gradient( 112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2% );--light-second: #ff6b6b;--light-third: #cec5c5;--short-transition-time: .4s;--default-quick-transition-time: .7s;--default-transition-time: 1s;--medium-transition-time: 2s;--long-transition-time: 4s;--slow-transition-time: 7s;--zindex-media-background: -3;--zindex-media: -2;--zindex-below-normal: -1;--zindex-above-normal: 1;--zindex-high: 2;--zindex-navbar: 100;--zindex-modal: 200;--zindex-modal-content: 300;--zindex-cursor: 380;--zindex-loading: 400;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-align:center;color-scheme:light dark;color:var(--dark-black);background-color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{cursor:none;-webkit-user-select:none;user-select:none}a{font-weight:500;color:var(--pallete-first);text-decoration:inherit}a:hover{color:var(--hover-color)}h1,h2,h3,h4,h5,h6{margin:0;padding:0}:where(p){word-break:break-word}body,html{height:100%;margin:0;padding:0}p{font-weight:400;-webkit-user-select:text;user-select:text;color:var(--font-color-secondary)}button{border-radius:8px;border:1px solid var(--primary-color-dark);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;background-color:var(--primary-color-dark)}button:hover{background-color:var(--hover-button)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (min-width: 2000px){:root{--base-size: 5vw;--general-text-font: 2.6em}}@media (max-width: 1999px){:root{--base-size: 5vw;--general-text-font: 2em}}@media (max-width: 1500px){:root{--general-text-font: 1.6em}}@media (max-width: 1200px){:root{--general-text-font: 1.3em}}@media (max-width: 1050px){:root{--subheading-font: 1.8em;--general-text-font: 1.1em}}@media (max-width: 860px){:root{--base-size: 5vw;--heading-font: 5.2rem;--subheading-font: 1.4em}}@media (max-width: 806px){:root{--base-size: 10vw}}@media screen and (max-width: 768px){:root{--heading-font: 4.2rem;--subheading-font: 1.2em;--very-large-font: 11em}}@media screen and (max-width: 561px){:root{--heading-font: 3.2rem;--very-large-font: 6em}}@media (max-width: 430px){:root{--general-text-font: .9em}}.section{display:flex;height:100vh}.navbar-container{z-index:var(--zindex-navbar);position:fixed;top:10px;display:flex;justify-content:center;width:100%}.navbar{display:flex;justify-content:space-between;width:100%;padding-left:25px;padding-right:25px;overflow:hidden;z-index:var(--zindex-modal);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.hideNavbar{transform:translateY(-100%);opacity:0}.showNavbar{transform:translateY(0);opacity:1}.navbar-logo p{font-weight:900}.active{margin-top:25px}.closed{margin-top:15px}.collapseable-menu-icon>div{width:35px;height:2px;background-color:var(--font-color-secondary);margin-top:6px}.icon-diagonal{transform:rotate(45deg)}.icon-anti-diagonal{margin-top:-10px!important;transform:rotate(-45deg)}.icon-hidden{visibility:hidden;opacity:0}.move-up-sticky{position:fixed;bottom:5%;right:3%;color:var(--font-color-secondary);padding:15px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 15px #0003,0 0 10px #00000026;background-color:var(--dark-white);transition:all .3s}.move-up-sticky:hover{box-shadow:none;font-weight:600}.menu-modal{z-index:var(--zindex-navbar);background-color:var(--dark-white);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@media (min-width: 806px){.menu-modal{display:none}}@media (max-width: 806px){.navbar{background-color:var(--dark-white)}}.navbar-links{display:flex}.navbar-links p{font-size:1.1em}.navbar-links div{width:auto}.navbar-links div:hover>p{font-weight:500}.navbar-collapsable-links{flex-direction:column;font-size:900;font-size:2em}@media (min-width:806px){.navbar-links{background-color:var(--dark-white);border-radius:16px;padding:0 16px}.navbar-links div{width:75px}}@keyframes blinking{0%{clip-path:ellipse(50% 2% at 50% 70%)}25%{clip-path:ellipse(50% 48% at 50% 50%)}50%{clip-path:ellipse(50% 48% at 50% 50%)}75%{clip-path:ellipse(50% 48% at 50% 50%)}to{clip-path:ellipse(50% 48% at 50% 50%)}}@keyframes breath{0%{transform:translate(-50%,-15%) scale(1)}50%{transform:translate(-50%,-15%) scale(1.05)}to{transform:translate(-50%,-15%) scale(1)}}.face{--imagesize-hair: calc(var(--base-size) * 4.5);--imagesize-beard: calc(var(--imagesize-hair) * 2);--imagesize-eyes: calc(var(--base-size) * 2.94);--imagesize-eye: calc(var(--imagesize-eyes) / 3.5);--imagesize-brain: calc(var(--base-size) * 3.3);--imagesize-pipe: calc(var(--base-size) * 4.5);width:var(--imagesize-beard);aspect-ratio:1;position:relative}.face>*{position:absolute;left:50%;transform:translate(-50%)}.svg{width:0;height:0}.brain-svg{width:var(--imagesize-brain);aspect-ratio:1;background-color:var(--primary-color);z-index:var(--zindex-below-normal);animation:breath 1s ease-in-out infinite alternate}.beard-svg,.brain-svg{fill:var(--primary-color-dark)}.outer-eyes,.left-eye,.right-eye,.eyes,.hair,.left-eyeball-shine,.right-eyeball-shine{background-color:var(--primary-color-dark);z-index:var(--zindex-above-normal)}.hair{top:0;width:var(--imagesize-hair);height:calc(var(--imagesize-hair) * .704);clip-path:url(#hair-clip)}.beard-svg{top:calc(var(--base-size) * 2.91);width:var(--imagesize-beard);height:calc(var(--imagesize-beard) * .601)}.outer-eyes{top:calc(var(--base-size) * 2.56);width:var(--imagesize-eyes);height:calc(var(--imagesize-eyes) * .297);clip-path:url(#eye-clip)}@media screen and (max-width: 806px){.face{display:none}}.eyes-container{display:flex;justify-content:center;align-items:center;margin-bottom:calc(var(--base-size) * 1.41);margin-left:calc(var(--base-size) * .07);gap:calc(var(--imagesize-eye));top:calc(var(--imagesize-eyes) * 1.01)}.left-eye,.right-eye{width:var(--imagesize-eye);height:calc(var(--imagesize-eye) * .506);clip-path:ellipse(50% 48% at 50% 50%);animation:blinking 2s ease-in-out 1s infinite alternate;overflow:hidden;display:flex;justify-content:center;align-items:center}.left-eyeball-shine,.right-eyeball-shine{--width: 60%;height:calc(var(--width));width:calc(var(--width) / 2);border-radius:100%;position:relative;background-color:var(--primary-color-dark)}.left-eyeball-shine:before,.right-eyeball-shine:before{content:"";position:absolute;border:10px double var(--primary-color);width:20%;height:20%;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width: 768px) and (max-width: 991px){.left-eyeball-shine:before,.right-eyeball-shine:before{border-width:9px}}@media (min-width: 576px) and (max-width: 767px){.left-eyeball-shine:before,.right-eyeball-shine:before{border-width:8px}}@media (max-width: 576px){.left-eyeball-shine:before,.right-eyeball-shine:before{border-width:7px}}@media (max-width: 400px){.left-eyeball-shine:before,.right-eyeball-shine:before{border-width:5px}}@media (min-width: 768px){.left-eye,.right-eye{width:var(--imagesize-eye);height:calc(var(--imagesize-eye) * .506)}}.blood-pipe{fill:none;height:auto;stroke:var(--primary-color-dark);stroke-width:10px;width:var(--imagesize-pipe)}.pipes-container-left,.pipes-container-right{display:flex;z-index:var(--zindex-media);gap:calc(var(--imagesize-brain) * .99)}.pipes-container-left{top:calc(var(--imagesize-brain) * .32)}.pipes-container-right{top:calc(var(--imagesize-brain) * .5)}.pipe-right{transform:scaleX(-1)}.skills-img-container{display:flex;flex-wrap:wrap;width:100%;height:100%;gap:1rem;justify-content:center;align-items:center}.icon-image{width:4.4vw;aspect-ratio:1}.image-link{width:100%;height:100%}@media (max-width: 900px){.icon-image{width:4vw}}@media (max-width: 806px){.icon-image{width:40px}}@media (max-width: 410px){.icon-image{width:25px}}.top-boxes{top:0}.bottom-boxes{top:calc(var(--base-size) * 5.3)}.about-heading{font-size:var(--subheading-font);font-weight:bolder;color:var(--font-color-secondary)}.about-text{font-weight:500;font-size:var(--general-text-font);color:var(--font-color-secondary);margin:0;padding-left:5%;text-align:left}.about-date{display:flex;justify-content:space-between;line-height:1.2}.about-year{font-size:var(--date-font);font-family:cursive}.top-boxes,.bottom-boxes{display:flex;justify-content:center;align-items:center;gap:calc(var(--base-size) * 12.3)}.leftBox h2,.rightBox h2{width:fit-content;align-self:flex-start}.leftBox,.rightBox{width:calc(var(--base-size) * 9.5);height:calc(var(--base-size) * 4.3);border:10px double black;border-radius:15px;position:relative;padding:10px;background-color:var(--dark-white)}.leftBox:before,.rightBox:before{content:"";position:absolute;bottom:-25px;left:calc(var(--base-size) * 4.45);width:calc(var(--base-size));height:5px;background-color:#000}.leftBox:after,.rightBox:after{content:"";position:absolute;bottom:-25px;width:5px;height:20px;background-color:#000}@media (max-width: 1200px){.bottom-boxes{top:calc(var(--base-size) * 7)}}@media (max-width: 1000px){.top-boxes,.bottom-boxes{gap:calc(var(--base-size) * 10.3)}}@media screen and (max-width: 806px){.bottom-boxes{margin-top:8px}.monitor-text{height:100%;display:flex;flex-direction:column;justify-content:space-around}.top-boxes,.bottom-boxes{position:relative;flex-direction:column;gap:8px;left:0;top:0;width:100%}.leftBox,.rightBox{position:relative;height:200px;border-width:0px}.leftBox:after,.leftBox:before,.rightBox:after,.rightBox:before{width:0}}.monitor-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.brain-img{width:200px;animation:breathe 1s ease-in-out infinite alternate}@media screen and (max-width: 1120px){.brain-img{width:140px}}.home-container{height:100%;flex-direction:column;position:relative}.home-face-container{position:fixed;top:0;height:100vh}.hero-container{color:var(--primary-color-dark);overflow:hidden;position:relative}.hero-container,.home-face-container,.home-container,.about-container{width:100%;display:flex;align-items:center;justify-content:center}.hidden{display:none}.hero-texts{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;height:auto;width:100%}.hero-texts p{padding:0;margin:0}.bolder-text{display:flex;font-size:1.2em;justify-content:center;align-items:center;gap:5px;position:relative}.hero-left-text:after{content:"Hi, I am";position:absolute;top:-65%;font-size:1.6em;margin-right:150px}.hero-right-text:after{content:"at your service.";position:absolute;bottom:-65%;font-size:1.6em;margin-left:230px}.mouse-scroll{position:fixed;bottom:50px;right:50px;width:30px;height:50px;border-radius:16px;border:1px solid var(--font-color-secondary)}.scroll-down-wheel{position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--font-color-secondary);left:10px;top:10px}.scroll-down-text{position:absolute;font-size:.8em;top:40px;right:-17px;width:65px}.about-container{position:relative;z-index:var(--zindex-below-normal)}.small-about-wrapper{display:none}@media (max-width:806px){.hero-left-text:after{margin-right:0}.hero-right-text:before{margin-right:0}.hero-right-text:after{margin-left:0}.small-about-wrapper{display:block;height:100%}.hero-container{flex-direction:column;gap:15px}.about-container{height:100%}}.svg-container{--svg-color: var(--primary-color-dark);font-weight:600;width:20rem}.svg-animated-text{font-size:5em;animation:draw calc(var(--default-transition-time)*2) infinite ease-in-out alternate}@keyframes draw{0%{fill:transparent;stroke:var(--svg-color);stroke-dashoffset:0%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:transparent;stroke:var(--svg-color)}80%{fill:transparent;stroke:var(--svg-color);stroke-width:3}to{fill:var(--svg-color);stroke:transparent;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.loading-container{z-index:var(--zindex-loading);background-color:var(--primary-color);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center}.hide-loading{animation:fade var(--default-transition-time) ease-in-out forwards;animation-delay:calc(var(--default-transition-time) * 1)}.loader{width:100px;height:100px;border:10px solid var(--primary-color-dark);border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:spinner .8s ease-in-out infinite alternate}@keyframes spinner{to{transform:rotate(0) scale(1)}0%{transform:rotate(360deg) scale(1.2)}}@keyframes fade{to{opacity:0;visibility:hidden}}.mouse-circle{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--zindex-cursor);color:#fff;border-radius:50%;justify-content:center;align-items:center;transform-origin:0%;will-change:transform}.border{transition:all .2s ease-out;pointer-events:none;background-position:50%;background-color:#333;will-change:transform,width,height}.border.loading{opacity:.7;animation:pulse 1.5s ease-in-out infinite}.border.loaded{opacity:1;animation:fadeIn .3s ease-out}.background-border-image{width:100%;height:100%;border-radius:16px;object-fit:cover;transition:opacity .3s ease-out}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (pointer: coarse){.mouse-circle{display:none!important}}.projects-section-container{position:relative;width:100%;justify-content:center;align-items:center;overflow:hidden;margin-bottom:20px}.projects-heading{display:flex;justify-content:center;align-items:center;width:100%;text-transform:uppercase;font-size:var(--heading-font);position:sticky;top:0%;color:var(--primary-color-dark);z-index:var(--zindex-media-background);margin-bottom:15%}.projects-heading:before{content:"Allright, Let's look at some of my";font-size:24px;position:absolute;top:0}.projects-data{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}@media (max-width: 806px){.projects-heading{margin-top:60%;margin-bottom:40%}}@media (max-width: 480px){.projects-heading:before{font-size:16px}}.project-card{min-width:780px;height:200px;display:flex;flex-direction:column;align-items:start;color:var(--primary-color-dark);padding-bottom:30px;padding-left:45px;position:relative}.project-card>*,.project-card,.project-card-header>*,.project-card-description>*,.project-card-tech-stack>*,.project-icon-image{cursor:pointer}.project-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color-dark)}.project-card-header{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}.project-count{position:absolute;left:-45px}.project-card-title{font-size:var(--subheading-font)}.tech-tag{font-weight:100}.project-start-date{font-family:cursive}.project-card-tech-stack{display:flex;gap:15px}.tech-stack-heading{font-weight:500}.project-card-tech-stack,.project-card-description{margin-left:10px}@media (max-width: 950px){.project-data{width:80%}.project-card{min-width:80%}}@media (max-width: 770px){.project-data,.project-card{width:500px}}@media (max-width: 600px){.project-data,.project-card{width:250px}}@media (max-width: 485px){.project-card{height:250px}.project-card-header{flex-direction:column}.project-card-tech-stack{flex-wrap:wrap}}.contact-container{height:100vh;position:relative;width:100%;color:var(--font-color-secondary);background-color:var(--dark-white);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15%;overflow:hidden}.contact-footer{position:absolute;font-family:cursive;left:50%;transform:translate(-50%,-50%);bottom:0}.contact-title{color:var(--primary-color-dark)}.social-links{margin-top:34px;display:flex;flex-direction:column;align-items:center}.contact-title{font-size:var(--heading-font);line-height:normal}.contact-subtitle{margin-top:24px;font-size:var(--subheading-font)}.icon{display:flex;width:300px;gap:10px;margin-top:10px}.contact-link img{margin-top:6px}.copy-icon:hover{transform:scale(1.2)}