/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--clr-formalblue: #0189ff;--var-navheight: 12vh;--size-base: .975rem;--size-md: 1.25rem;--size-lg: 5rem;--size-xl: 7.8rem;--light-bg: rgb(223, 223, 218);--light-text: rgb(64, 64, 64);--dark-bg: rgb(26, 26, 26);--dark-bg2: rgb(19, 19, 20);--dark-text: rgb(223, 223, 218);--dark-text-accent: rgb(68, 71, 70);--ide-border: rgba(64, 64, 64, 1)}*{margin:0;padding:0;line-height:calc(1em + .5rem)}body{font-family:General Sans,sans-serif;transition:color .3s ease,background-color .3s ease;background-color:var(--dark-bg2);overflow-x:hidden;color:var(--dark-text)}body.dark-mode{background-color:var(--dark-bg);color:var(--dark-text)}body.dark-mode a,body.dark-mode input{color:var(--dark-text)}.noisy-bg{position:relative}.noisy-bg:before{z-index:-1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:128px;background-repeat:repeat;background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);border-radius:1rem;opacity:.05}.noisy-white{background-color:#ffffff0d}.ide_showcase{color:#fff;border:2px solid var(--ide-border)}.toolbar{border-bottom:2px solid var(--ide-border)}a{color:var(--light-text);text-decoration:none}h1{margin:0;padding:0}html{scroll-behavior:smooth}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}section{position:relative;padding:5rem;width:100vw;height:auto}.mode_buttons{border:none;cursor:pointer;background-color:#0000}.fullwidth_bg{background-color:var(--dark-bg);position:relative}.rounded-top{border-top-right-radius:2rem;border-top-left-radius:2rem}.rounded-bottom{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.aspect-1{aspect-ratio:1/1;position:relative}nav,.nav-links{display:flex}nav{z-index:100;width:100%;position:absolute;justify-content:space-between;align-items:center;height:var(--var-navheight);padding-block:2rem;padding-inline:5rem;transform:translateY(-20px);animation:slidedown .5s ease forwards 2.5s;opacity:0}@keyframes slidedown{to{opacity:1;transform:translateY(0)}}.nav-links{list-style:none;gap:2rem;font-size:var(--size-base)}.nav-links a{width:auto;height:auto;padding-inline:.5rem;border-radius:10px;transition:all .3s ease;color:var(--dark-text);opacity:.6}.email_container{color:var(--dark-text);opacity:.6}.email_container:hover,.nav-links a:hover{opacity:1}#desktop-nav{display:flex;justify-content:space-between}#desktop-nav>*{flex:1}#desktop-nav>*:nth-child(2){display:flex;justify-content:center;align-items:center}#desktop-nav>*:last-child{display:flex;justify-content:flex-end}.nav-logo{cursor:pointer;height:2rem;width:2rem;transition:all .3s ease;color:pink}.nav-logo:hover{scale:1.1}.nav-logo path:nth-child(1){stroke-dasharray:1600px;stroke-dashoffset:1600px;animation:line-anima 2s ease forwards 2.5s}.nav-logo path:nth-child(2){stroke-dasharray:1256.81px;stroke-dashoffset:1256.81px;animation:line-anima 2s ease forwards 2.5s}@keyframes line-anima{to{stroke-dashoffset:0}}#mobile-nav{display:none}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:23px;width:30px;cursor:pointer}.hamburger-icon span{width:100%;height:2px;background-color:var(--clr-black);transition:all .3s ease}.menu-links{position:absolute;top:100%;right:0%;background-color:var(--clr-white);width:fit-content;max-height:0;overflow:hidden;transition:all .3s ease}.menu-links a{display:block;margin-block-end:1rem;padding-inline:1rem;text-align:center;font-size:1.5rem;color:var(--clr-black);text-decoration:none;border-radius:20px;border:1px solid black;transition:all .3s ease}.menu-links a:hover{background-color:var(--clr-black);color:var(--clr-white)}.menu-links a:first-child{margin-block-start:1rem}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1}.hamburger-icon span:first-child{transform:none}@media (max-width: 768px){#desktop-nav{display:none}#mobile-nav{display:flex}}@media (min-width: 1440px){section{max-width:1440px;margin-left:auto;margin-right:auto}.fullwidth_bg{margin-left:auto;margin-right:auto}}#hero{display:flex;justify-content:center;align-items:center;background-color:var(--dark-bg)}#hero>*{height:100%;flex:1}.hero-details{color:var(--dark-text);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:1rem}.hero-details>*:nth-child(3){margin-top:1rem}.hero-details p{font-weight:400}.hero-intro-1{font-weight:600;text-align:center}.hero-intro-1{font-size:var(--size-md);margin-bottom:.5rem}.hero-title{font-size:1.5rem}.hero-name{font-size:var(--size-lg);text-align:center;color:var(--light-bg)}.hero_intro{font-size:1.5rem;color:var(--light-bg);opacity:.6}.socials-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:1rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;justify-content:center;align-items:center;margin-block-start:2rem;gap:1rem}.hero-intro-2 span>*{transition:all .3s}.hero_n{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:100vh;width:100%;padding-bottom:2.5rem}#h_intro,.h_name{height:auto;width:auto}.intro_name_wrapper{margin-block-end:2rem}#h_intro{padding-inline-end:10rem;animation:fill .5s ease forwards 2.5s}.h_name{padding-inline-start:10rem;font-size:var(--size-xl);font-weight:700;text-align:left;transform:translateY(50px);opacity:0;animation:slideup .3s ease forwards 2.5s}.h_info{font-weight:600;font-size:var(--size-base);opacity:0;scale:.8;text-align:center;animation:fadein .3s ease forwards 2.5s}#h_intro path:nth-child(1){stroke-dasharray:135.53px;stroke-dashoffset:135.53px;animation:line-anim 2s ease forwards .7s}#h_intro path:nth-child(2){stroke-dasharray:465.66px;stroke-dashoffset:465.66px;animation:line-anim 2s ease forwards .6s}#h_intro path:nth-child(3){stroke-dasharray:496.13px;stroke-dashoffset:496.13px;animation:line-anim 2s ease forwards .5s}#h_intro path:nth-child(4){stroke-dasharray:465.66px;stroke-dashoffset:465.66px;animation:line-anim 2s ease forwards .4s}#h_intro path:nth-child(5){stroke-dasharray:491.51px;stroke-dashoffset:491.51px;animation:line-anim 2s ease forwards .3s}#h_intro path:nth-child(6){stroke-dasharray:338.68px;stroke-dashoffset:338.68px;animation:line-anim 2s ease forwards .2s}#h_intro path:nth-child(7){stroke-dasharray:222.72px;stroke-dashoffset:222.72px;animation:line-anim 2s ease forwards .1s}#h_intro path:nth-child(8){stroke-dasharray:491.52px;stroke-dashoffset:491.52px;animation:line-anim 2s ease forwards}.hero_n:before{z-index:-1;height:30rem;width:30rem;border-radius:50%;background:linear-gradient(rgba(170,170,163,.3),var(--dark-bg2));content:"";position:fixed;scale:.5;opacity:0;animation:circlefadein .8s ease forwards 2.5s}@keyframes circlefadein{to{scale:1;opacity:1}}@keyframes line-anim{0%{stroke-width:1}99%{stroke-width:1}to{stroke-dashoffset:0;stroke-width:1}}@keyframes fill{0%{fill:transparent}to{fill:var(--dark-text);opacity:.3}}@keyframes slideup{to{transform:translateY(0);opacity:1}}@keyframes fadein{to{scale:1;opacity:.6}}.hero-actions{width:100%;display:flex;justify-content:center;margin-top:1.5rem}.hero-button{background-color:var(--dark-text-accent);color:#fff;border:none;padding-block:.5rem;padding-inline:1rem;border-radius:20px;cursor:pointer;animation:fadein .3s ease forwards 2.5s;opacity:0}.circle{background-color:gray;height:.75rem;width:.75rem;border-radius:100px;margin-inline-end:.2rem}.toolbar>*:last-child{margin-inline-end:0}.ide_showcase{overflow:hidden;border-radius:1rem;min-width:50%;text-wrap:nowrap}.toolbar{display:flex;align-items:center;justify-content:flex-end;height:2rem;padding:1rem;overflow:hidden}.ide_content_wrapper{padding:1rem;height:100%;overflow-y:scroll;overflow-x:scroll}.ide_content_wrapper::-webkit-scrollbar{width:5px}.ide_content_wrapper::-webkit-scrollbar-thumb{background-color:var(--ide-border);border-radius:8px}.ide_content_wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--ide-border)}.ide_content_wrapper::-webkit-scrollbar-track{background-color:none;border-radius:8px}.ide_lines{margin-bottom:.25rem;display:inline-block}.ide_numbers{padding-inline-start:1rem;padding-inline-end:2rem}.ide_code{opacity:.6;transition:all .3s}.ide_code:hover{opacity:1}.ide-input{border-radius:10px;border:1px solid gray;margin-inline:.5rem;text-align:center;width:10rem;background-color:#0000;color:#fff}.updateChip{color:#fff;border-radius:10px;cursor:pointer;padding-inline:.5rem;border:1px solid rgba(0,0,0,0);background-color:#0000}.updateChip:hover{background-color:#0000001a}@keyframes fadeOutIn{0%{opacity:0}to{opacity:1}}.fade-out-in{animation:fadeOutIn .5s ease-in-out}.about-me{background-color:var(--dark-bg);color:var(--dark-text);height:auto}.aboutme-heading{font-size:var(--size-lg);text-align:center;margin-bottom:1.5rem}.bento_wrapper{height:100%;width:100%}.bento_wrapper>*{z-index:1}.bento_layer>*{z-index:1;padding:2rem;font-size:var(--size-md)}.bento_layer_2>*{z-index:1;padding:2rem;font-size:var(--size-md)}.bento_layer_3>*{z-index:1;padding:2rem;font-size:var(--size-md);text-align:center}.bento_layer{margin-bottom:1rem;display:flex;height:22rem;width:100%;gap:1rem}.bento_layer_2{margin-bottom:1rem;display:flex;height:16rem;width:100%;gap:1rem}.bento_layer_2>*{display:flex;flex-direction:column}.bento_layer_3>*{display:flex;flex-direction:column}.bento_layer_3{margin-bottom:1rem;display:flex;height:12rem;width:100%;gap:1rem}.bento_intro{flex:1.5;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-evenly;padding-block:3rem}.bento_picture{display:flex;justify-content:center;align-items:center;flex:1;border-radius:1rem}.bento_picture>*{height:12rem;width:12rem;border-radius:50%}.bento_a{justify-content:center;align-items:center;flex:1;border-radius:1rem}.bento_b{display:flex;justify-content:center;align-items:center;flex:1;border-radius:1rem}.bento_c,.bento_d,.bento_e{display:flex;justify-content:center;align-items:center;flex:2;border-radius:1rem}.bento_f{display:flex;justify-content:center;align-items:center;flex:1.5;border-radius:1rem}.bento_heading{font-size:var(--size-lg);font-weight:600;display:flex;flex-direction:column}.bento_heading_2{font-size:var(--size-md);font-weight:600;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.bento_description{font-size:var(--size-md);width:100%;text-align:center}@keyframes slide-right{to{transform:translate(0)}}@keyframes slide-left{to{transform:translate(0)}}.socials-bento{display:flex;gap:1.5rem}.socials-bento>*{height:50px;width:50px}.works{color:var(--dark-text);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.image-text{position:absolute}.image-wrapper{height:auto;max-width:600px;min-width:600px;border-radius:1rem;overflow:hidden;transition:all .3s;padding-block-end:.5rem;padding-inline:.5rem;border:1px solid var(--ide-border)}.image-wrapper:hover .featured-image{filter:grayscale(0) brightness(.8);cursor:pointer}.featured-image-wrapper{display:flex;overflow:hidden;border-radius:1rem}.featured-image{filter:brightness(.8);object-fit:cover;height:100%;width:100%;border-radius:1rem;transition:all .3s ease}.featured-toolbar{padding:.5rem;display:flex;justify-content:space-between;align-items:center}.featured-toolbar a{border:1px solid var(--ide-border);border-radius:1rem;padding-inline:1rem;text-align:center;transition:all .3s ease;width:auto}.featured-toolbar a:hover{background-color:#fff;color:#000}.github-img{height:25px;width:25px;opacity:.25;transition:all .3s ease;position:relative;cursor:pointer}.github-img:hover{opacity:1}.github-img:hover .github-image:before{opacity:1}.x-buttons{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.x-buttons span{height:10px;width:10px;border-radius:10px;background-color:#fff;opacity:.25}.ind-feat{display:flex;flex-direction:row;height:100%}.ind-feat>*{flex:1}.feat-heading{font-size:var(--size-md);font-weight:600}.works-wrapper{width:auto;min-height:23.8rem;display:flex;justify-content:center;align-items:flex-start;margin-top:1rem}.card{perspective:1000px;position:relative}.card-front,.card-back{position:absolute;backface-visibility:hidden;transition:transform .6s ease}.card-back{transform:rotateY(180deg)}.card.flipped .card-front{transform:rotateY(-180deg)}.card.flipped .card-back{transform:rotateY(0)}.actions-wrapper{width:100%;height:auto}.works-details{display:none}.flip-button{text-align:center;height:2.5rem;width:auto;border:none;padding-block:.5rem;padding-inline:1rem;border-radius:5rem;background-color:var(--ide-border);color:#fff;margin:0}.featured-image.gray{filter:grayscale(0) brightness(.8)}#changeL{position:absolute;transform:translate(-7px,-11px)}.works-outer{max-width:1000px;overflow:hidden;mask:linear-gradient(90deg,transparent,white 5%,white 95%,transparent)}.works-slider{padding-block:1rem;gap:.5rem;animation:scroll 50s linear infinite;white-space:nowrap;overflow:hidden;display:flex;width:max-content;margin-bottom:2.5rem}@keyframes scroll{to{transform:translate(-50%)}}.works-detailed{background-color:pink;height:100px;width:100%}