@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}a{color:inherit;transition:.3s ease}.flex-row,.flex-row-space-between,.flex-column{display:flex;flex-wrap:wrap}.flex-row{justify-content:center;align-items:center}.flex-row-space-between{justify-content:space-between;align-items:center}.flex-column{flex-direction:column;justify-content:center;align-items:center}.hero-section h1{font-size:clamp(2rem,10vw,5rem)}.hero-bio p{font-size:clamp(1rem,5vw,1.2rem);color:#202020}span{font-size:15px;color:#a8a8a8}.section-label{font-size:13px;font-weight:600;letter-spacing:1px;color:#7e7e7e}.expandable-toggle span{font-size:13px;transition:.3s ease}.expandable-content p{font-size:13px;font-weight:400;color:#7e7e7e;line-height:25px}.title{font-size:clamp(1rem,5vw,1.2rem)}.contact-link{color:#000}.contact-text{color:gray}.inline-link{font-size:14px;color:#868686}.inline-link:hover{color:#1f1f1f}b{color:gray;font-size:12px}.meta-text{font-size:13px;padding:3px 0;color:gray}.portfolio-page{width:100%;transition:.3s ease}.portfolio-page--dark{background-color:#000}.portfolio-content{width:700px;position:relative;padding-bottom:150px}.hero-section{width:100%;margin-top:120px}.theme-toggle-wrapper{position:fixed;top:20px;right:20px;width:60px;padding:5px;border-radius:20px;background-color:#d3d3d3;cursor:pointer;transition:.2s ease;z-index:10}.theme-toggle-wrapper:hover{background-color:#e0e0e0}.theme-toggle-btn{width:30px;height:30px;border-radius:50%;background-color:#000;color:#fff;transform:translate(0);transition:.3s ease}.theme-toggle-btn--active{transform:translate(28px);background-color:#fff;color:#000}.hero-profile-image-wrapper{position:relative}.hero-profile-image-wrapper:before,.hero-profile-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:120px;pointer-events:none;transition:opacity .3s ease}.hero-profile-image-wrapper:after{background:linear-gradient(to bottom,#fff0,#fff);opacity:1}.hero-profile-image-wrapper:before{background:linear-gradient(to bottom,#0000,#000);opacity:0}.portfolio-page--dark .hero-profile-image-wrapper:after{opacity:0}.portfolio-page--dark .hero-profile-image-wrapper:before{opacity:1}.hero-profile-image{width:250px;height:250px;-webkit-user-drag:none}.hero-bio,.section-block{padding:calc(1vh + 1vw) 0px}.expandable-content{width:100%;overflow:hidden;margin-top:10px}.expandable-content--open{height:auto;mask-image:none;-webkit-mask-image:none}.expandable-content--closed{height:80px;mask-image:linear-gradient(to bottom,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.expandable-inner{width:100%}.expandable-toggle{color:#5f5f5f;cursor:pointer;margin-top:10px}.expandable-toggle span:hover{color:#303030}.project-card{width:100%;height:auto;padding:30px 0;border-radius:15px;border:1px solid rgb(197,197,197)}.project-card-content{width:85%}.github-wrapper{padding:10px 0;border-radius:12px;overflow-x:auto;scrollbar-width:none;color:gray}.github-wrapper svg{width:100%;height:auto}.techstack-slider-container{position:relative;width:100%;height:100px;padding:50px 0 20px;overflow:hidden}.techstack-slider-container:before{content:"";position:absolute;left:0;top:0;width:120px;height:100%;background:linear-gradient(to right,white,transparent);z-index:2;pointer-events:none}.techstack-slider-container:after{content:"";position:absolute;right:0;top:0;width:120px;height:100%;background:linear-gradient(to left,white,transparent);z-index:2;pointer-events:none}.techstack-slider{display:flex;width:max-content;gap:calc(2vh + 2vw);animation:techstack-scroll 15s linear infinite}.techstack-icon{width:50px;image-rendering:crisp-edges;filter:grayscale(100%)}.techstack-icon:hover{filter:grayscale(0%)}@keyframes techstack-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-photo{width:100%;-webkit-mask-image:radial-gradient(circle at center,black 55%,rgba(0,0,0,.8) 70%,transparent 100%);mask-image:radial-gradient(circle at center,black 55%,rgba(0,0,0,.8) 70%,transparent 100%)}.b-page{width:100%;height:100vh;background-color:#000;color:#cecece}.column-fs{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.para{width:600px}.b-page-para{font-size:.8rem;line-height:25px}.b-page a{color:#cecece;transition:.3s ease}.b-page a:hover{color:#fff}@media(max-width:768px){.portfolio-content{width:90%;padding-bottom:100px}.hero-section{margin-top:80px}.hero-profile-image{width:200px;height:200px}.flex-row-space-between{flex-direction:column;align-items:flex-start;gap:4px}.project-card-content{width:90%}.techstack-slider-container:before,.techstack-slider-container:after{width:60px}.para{width:100%}.column-fs{padding:0 24px}}@media(max-width:480px){.portfolio-content{width:88%;padding-bottom:80px}.hero-section{margin-top:60px}.hero-profile-image{width:140px;height:140px}.hero-profile-image-wrapper:after,.hero-profile-image-wrapper:before{height:80px}.theme-toggle-wrapper{top:12px;right:12px;width:52px}.section-label{font-size:11px}.techstack-icon{width:36px}.techstack-slider-container{height:80px;padding:35px 0 15px}.techstack-slider-container:before,.techstack-slider-container:after{width:40px}.project-card{padding:20px 0;border-radius:10px}.project-card-content{width:88%}.github-wrapper{padding:10px}.column-fs{padding:0 20px}.b-page-para{font-size:.75rem}}.portfolio-page--dark h1,.portfolio-page--dark h2,.portfolio-page--dark h3,.portfolio-page--dark p{color:#dcdcdc}.portfolio-page--dark .hero-bio p{color:#c8c8c8}.portfolio-page--dark .expandable-content p{color:#a0a0a0}.portfolio-page--dark .section-label{color:#8c8c8c}.portfolio-page--dark .toggle{color:orange}.portfolio-page--dark .expandable-toggle{color:#a0a0a0}.portfolio-page--dark .expandable-toggle span:hover{color:#dcdcdc}.portfolio-page--dark .meta-text{color:#8c8c8c}.portfolio-page--dark .contact-text{color:#a0a0a0}.portfolio-page--dark .contact-link{color:#dcdcdc}.portfolio-page--dark .inline-link:hover{color:#fff}.portfolio-page--dark .project-card{border-color:#3c3c3c}.portfolio-page--dark .techstack-slider-container:before{background:linear-gradient(to right,black,transparent)}.portfolio-page--dark .techstack-slider-container:after{background:linear-gradient(to left,black,transparent)}