@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap";: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}body{background-color:var(--color-dark-mode);overflow-x:hidden}#labelforsetting,#labelforvisualmode,#switchforvisualmode:checked+#labelforvisualmode{background-repeat:no-repeat;background-position:center}#labelforsetting,#labelforsound{height:40px;background-size:60%}#preloader,.invertapplied,.invertsettinglabel{filter:invert(1)}#preloader,noscript{width:100%;height:100%}body,noscript{background-color:var(--color-dark-mode)}.main,body{overflow-x:hidden}#backtotopbutton article,:root{font-family:Whitney,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.eye,.image-div,.logo,.navbar,.project-box,.resume-btn,footer{overflow:hidden}.cta,.github-redirect,.navbar-tabs-ul a{text-decoration:none}#GmailLogo,.sign svg path{fill:#fff}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}::selection{background-color:transparent}::-moz-selection{background:0 0}html{font-size:62.5%;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}: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,.footer-bottom article,.getintouch-heading article,.language-speak article,.navbar-tabs-ul li,.two-words article{font-family:fira code}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a10}::-webkit-scrollbar-thumb{background-color:#8000ff}.setting-container,.settingactivate{transform-origin:left;transition-duration:.5s}.activeThistab:before,.navbar-tabs-ul li:hover:before{background-color:var(--color-white);height:10px;width:10px;left:-20px}.light-mode{--color-dark-mode: #ece7e1;--color-black: #fff;--color-white: #000;--color-ddd-color: rgb(31, 31, 31);--color-navbarBorder-dark: #d1d6eb;--static-heading-gradient-blue: #0f7878;--static-heading-gradient-pink: #f09bb9;--color-shadowDark: #e2ddd7;--tech-stack-box-first-color: #e7e2db;--tech-stack-box-second-color: #ece7e100;--tech-stack-box-border-color: #dad5cf }.setting-container{width:60px;height:50px;margin-left:50px;display:flex;align-items:center;gap:30px;padding:20px 0}#labelforsetting{width:40px;display:flex;align-items:center;justify-content:center;padding:0 20px;background-image:url(src/png/dance.gif);transition-duration:.5s;cursor:pointer}.soundtogglebuttoncontainer,.visualmodetogglebuttoncontainer{align-items:center;width:fit-content;transition-duration:.3s}.visualmodetogglebuttoncontainer{height:fit-content;display:flex;justify-content:center;transform:translate(-50px) scale(0)}#switchforsetting,#switchforsound,#switchforvisualmode,.hamburger,.mobiletogglemenu{display:none}#switchforsetting:checked+#labelforsetting{transform:rotate(180deg);transition-duration:.5s}#labelforvisualmode{position:relative;width:40px;height:40px;background-image:url(src/png/lt.gif);background-size:50%;transition-duration:.5s;cursor:pointer}#switchforvisualmode:checked+#labelforvisualmode{transform:rotate(360deg);transition-duration:.5s;background-image:url(src/png/lt.gif);background-size:60%}.soundtogglebuttoncontainer{height:fit-content;display:flex;justify-content:center;transform:translate(-130px) scale(0)}#labelforsound,#preloader{display:flex;align-items:center;background-repeat:no-repeat;background-position:center}#labelforsound{position:relative;justify-content:center;width:40px;background-image:url(src/png/mic.gif);cursor:pointer;transition-duration:.5s}#switchforsound:checked+#labelforsound{transition-duration:.5s;background-image:url(src/png/mic.gif);background-size:50%;background-repeat:no-repeat;background-position:center}#preloader{background-color:#fff;position:fixed;z-index:99999;justify-content:center;overflow-y:hidden;background-image:url(src/svg/pulsex.svg);background-size:10%}.navbar,noscript{display:flex;align-items:center;position:fixed}#name,.getintouch-heading article{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}noscript{justify-content:center;font-size:4rem;color:#fff;z-index:999999}.fakenavbar{height:0;width:0%;background-color:transparent}.navbar{background-image:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:80px;width:80%;padding:0 20px;justify-content:space-between;z-index:999;border:1px solid var(--color-navbarBorder-dark);border-radius:50px}.navbar-tabs,.navbar-tabs-ul{height:100%;align-items:center}.logo,.navbar-tabs-ul li{position:relative;display:flex}.navbar-tabs-ul{width:100%;display:flex;list-style:none;justify-content:flex-end;gap:80px;color:var(--color-white)}.navbar-tabs-ul li{width:fit-content;height:30px;text-align:center;align-items:center;justify-content:center;font-size:1.5rem}.navbar-tabs-ul li:hover:before{content:"";position:absolute;border-radius:5px;z-index:-1}.navbar-tabs-ul a{color:var(--color-white);font-weight:100}.logo{width:10%;height:100%;flex-direction:column;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.face,.logo-top{width:100%;align-items:center;display:flex}#hello-friend,#work,.about-info p,.activeThistab,.language-speak article{color:var(--color-white)}.blob,.eye,.pupil{border-radius:50%}.logo-top{height:100%;justify-content:center;transform-origin:bottom;position:relative}.activeThistab:before,.face{content:"";position:absolute}.face{height:74%;bottom:0;justify-content:center;gap:5px;z-index:1;padding-left:1px}.eye{width:8px;height:8px;display:flex;align-items:center;justify-content:center;background-color:#fff}.pupil{width:3.5px;height:3.5px;background:#241010}.activeThistab:before{border-radius:50%;z-index:-1}.dp:after,.dp:before{height:300px;z-index:-2;content:""}.main{width:100%;height:fit-content;position:relative}.blob{position:absolute;right:-15%;top:0;background-color:var(--color-light-purple);width:600px;height:100vh;filter:blur(300px);opacity:.3;animation:1s linear infinite alternate-reverse breath}#hello-friend{font-size:3.5rem;font-weight:600;width:fit-content;display:flex;align-items:flex-end}#name,#work{font-size:8rem;width:fit-content}#name,#work,.letsTalkBtn-text{display:flex;font-weight:700}@-webkit-keyframes vibrate-1{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}}@keyframes vibrate-1{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}}#name{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:400% 400%;-webkit-animation:3s infinite gradient;animation:3s infinite gradient}#work{align-items:flex-start;flex-wrap:wrap}#info-para,.about-info p{font-weight:400;font-size:2rem}.jello:hover{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#03e6ff;-webkit-animation:.9s both jello-vertical;animation:.9s both jello-vertical}#backtotopbutton,.dp:after,.dp:before,.letsTalkBtn{background-color:transparent}@-webkit-keyframes jello-vertical{0%,to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}}@keyframes jello-vertical{0%,to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}}#info-para{width:75%;padding-top:30px;color:var(--color-ddd-color);line-height:20px}.letsTalkBtn{position:relative;border:none;width:180px;height:40px;border-radius:0;cursor:pointer;transition:.3s}.letsTalkBtn-text{width:100%;height:100%;background-color:#e6e6e677;border:none;border-radius:7px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#000;align-items:center;justify-content:center;letter-spacing:.8px}.cta:hover span,.text,.tooltip{color:#fff}.resume-btn,.sign{align-items:center;transition-duration:.3s;display:flex}.resume-btn{margin-top:25px;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;box-shadow:2px 2px 10px #0003;background:linear-gradient(82.3deg,#965de9 10.8%,#6358ee 94.3%);position:relative}.projects-heading-article,.projectsHeadingP,.section-heading-article,.sectionHeadingP,.skills-heading-article,.skillsHeadingP{color:var(--color-ddd-color)}.dp:after,.dp:before,.text{position:absolute}.sign{width:100%;justify-content:center}.text{right:0;width:0%;opacity:0;font-size:1em;font-weight:600;transition-duration:.3s}.dp,.dp:after,.dp:before,.dp:hover:after,.dp:hover:before{transition-duration:.5s}.about-section,.projects-section-div,.skills-section{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.projects-heading,.section-heading,.skills-heading{width:100%;display:flex;align-items:center;gap:10px}.dp img,.dp:after,.dp:before{width:300px}.projects-heading-article,.section-heading-article,.skills-heading-article{font-size:8rem;font-weight:800;color:var(--color-ddd-color);font-family:Londrina Outline,sans-serif}.projectsHeadingP,.sectionHeadingP,.skillsHeadingP{width:300px;height:1px;background-image:linear-gradient(90deg,var(--static-heading-gradient-blue),var(--static-heading-gradient-pink))}.about-info p{line-height:25px}.dp{width:40%;display:flex;align-items:flex-start;justify-content:center;position:relative}.language-speak,.tech-stack-wrapper{width:100%;display:flex;align-items:center}.language-speak{height:50px;justify-content:center}.language-speak article{font-size:2rem;font-weight:600}.frontend-dev-heading{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:900;height:100px;letter-spacing:5px;background-image:-webkit-gradient(linear,left top,right top,var(--static-heading-gradient-blue),var(--static-heading-gradient-pink));background-image:-webkit-linear-gradient(left,var(--static-heading-gradient-blue),var(--static-heading-gradient-pink));background-image:linear-gradient(90deg,var(--static-heading-gradient-blue),var(--static-heading-gradient-pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-box,.tech-stack-box{background-image:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color))}.tech-stack-wrapper{justify-content:center;flex-wrap:wrap;gap:50px;margin-top:50px}.tech-stack-box,.tooltip{align-items:center;display:flex}.tech-stack-box{width:160px;height:160px;justify-content:center;border-radius:30px;border:1px solid var(--tech-stack-box-border-color);position:relative}.tech-stack-box img{width:80%}.tech-stack-box:hover .tooltip{opacity:1;transition-duration:.3s}.tooltip{position:absolute;top:-20px;opacity:0;background:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));border:1px solid var(--tech-stack-box-border-color);padding:5px 10px;border-radius:5px;justify-content:center;transition-duration:.2s;pointer-events:none;letter-spacing:.5px;font-size:1.6rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500}.cta,.cta span,.cta svg,.project-box,footer{position:relative}.cta:hover:before,.project-box-wrapper{width:100%}.project-box{width:100%;height:400px;display:flex;flex-direction:row;justify-content:space-between;transition-duration:.3s;border-radius:30px;border:1px solid var(--tech-stack-box-border-color)}.faviconforProjectAquaregia{width:20px}.image-div{width:50%;height:100%;padding-top:70px;padding-left:10px}.image-div img{height:100%;border-top-left-radius:30px}.ProjectDescription{color:gray;font-size:1.7rem;font-weight:400}.github-redirect{width:50px}.github-redirect:hover img{filter:brightness(4)}.cta{padding:12px 18px;transition:.2s;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.cta span{font-size:1.8rem;font-weight:600;letter-spacing:.05em;color:var(--color-light-blue)}.cta svg{top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--color-light-blue);stroke-width:2;transform:translate(-5px);transition:.3s}#backtotopbutton{position:fixed;right:10px;bottom:0;flex-direction:column;align-items:center;justify-content:center;border:none;width:3rem;height:15rem;z-index:101;text-align:center;transition:.4s;display:none}#backtotopbutton article{font-size:1.5rem;color:var(--color-white);font-weight:400;writing-mode:vertical-rl;mix-blend-mode:difference}footer{width:100%;height:fit-content;border-top:1px solid var(--tech-stack-box-border-color)}.footer-bottom{background-color:#0b0b0b;width:100%;display:flex;align-items:center;justify-content:center;height:80px;z-index:3}.tonechange{color:#000}@media screen and (max-width:1920px){html{font-size:60%}}@media screen and (max-width:1400px){html{font-size:60%}}@media screen and (max-width:1200px){html{font-size:60%}.projects-section-div,.skills-section,.text-content{width:80%}.about-section{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo:hover{transform:translateY(200px);transition-duration:1s}}@media screen and (max-width:1150px){html{font-size:60%}}@media screen and (max-width:998px){#hamburger-button,.hamburger{background-color:transparent}.mobile-navbar-tabs-ul a,.mobiletogglemenu{text-decoration:none}.activeThismobiletab,.mobile-navbar-tabs-ul a{color:var(--color-white)}html{font-size:55%}.blob,.cursor-inner,.cursor-outer,.navbar-tabs-ul{display:none}.stopscrolling{overflow:hidden}.hamburger{position:fixed;top:0;width:100vw;height:115px;display:flex;align-items:flex-end;justify-content:center;z-index:9998}.activeThismobiletab:before,.burger-bar,.hamburger-animation1,.hamburger-animation2,.hamburger-animation3{background-color:var(--color-white)}.hamburgerbase{width:80%;height:80px;display:flex;align-items:center;justify-content:flex-end;padding:20px}#hamburger-button{font-size:3rem;font-weight:800;width:4.5rem;height:3.5rem;border:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#burger-bar1,#burger-bar2,#burger-bar3{height:3px;border-radius:0;transition-duration:.3s}#burger-bar1,#burger-bar3{width:60%}#burger-bar2{width:100%}.hamburger-animation1{transform:rotate(45deg) scaleX(1.7);transition-duration:.3s;transform-origin:left}.hamburger-animation2{transform:scaleX(0)}.hamburger-animation3{transform:rotate(-45deg) scaleX(1.7);transform-origin:left;transition-duration:.3s}.mobiletogglemenu{background-color:transparent;z-index:9990;height:100%;width:100%;position:fixed;top:0;right:0;list-style:none;font-size:2rem;cursor:pointer;display:flex;transform:translate(1000px);transition-duration:1s}.show-toggle-menu{transform:translate(0);transition-duration:.6s}.mobile-navbar-tabs-ul{background-color:var(--color-dark-mode);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:70px;box-shadow:0 0 30px #0000002d}.mobile-navbar-tabs-li{text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;position:relative;cursor:pointer;font-family:fira code;height:30px;width:fit-content}.about-info,.dp,.info-dp-section{width:100%;display:flex}.info-dp-section{flex-direction:column;margin-top:30px;gap:30px}.about-info{flex-direction:column}.dp{align-items:center;justify-content:center}.activeThismobiletab:before{content:"";position:absolute;height:10px;width:10px;left:-20px;border-radius:50%}.projects-section-div{width:80%}.project-box{flex-direction:column;height:800px}.image-div,.info-div{width:100%;height:50%}.image-div{padding:0 0 0 80px}}@media screen and (max-width:768px){html{font-size:50%}.text-content{padding-left:0;width:80%}#hello-friend{height:100px;font-size:3.5rem}#name,#work{font-size:5.5rem}#info-para,.language-name{width:100%}.contact-btn-div{height:140px;display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;gap:20px}.setting-container{margin-left:0}.dp:after,.dp:before{display:none}.logo{width:18%}.logo:hover{transform:translateY(200px);transition-duration:1s}.projects-section-div{width:80%}.project-boxes-div{padding:40px 0}}@media screen and (max-width:500px){html{font-size:45%}.hamburgerbase,.navbar{height:70px}#hamburger{margin-right:20px;height:115px;align-items:flex-end}#hello-friend,.two-words article{font-size:2.5rem}.hey{left:70px}.logo:hover{transform:translateY(200px);transition-duration:1s}.landing-page-container{height:85vh}.text-content{justify-content:flex-start}.project-box{height:550px}.info-div{height:60%}.image-div{height:40%;padding-left:50px}.image-div img{border-top-left-radius:10px}.tech-stack-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tech-stack-box{width:100%;height:38vw}}@media screen and (max-width:430px){html{font-size:45%}.about-section,.projects-section-div,.skills-section{width:80%}.info-div{padding:0 30px}.two-words article{font-size:2.2rem}}@media screen and (max-width:375px){html{font-size:42%}.dp img{width:200px}.two-words{height:50px}.two-words article{font-size:2rem}.footer-bottom article{font-size:1.3rem}.logos{gap:20px}}@media screen and (max-width:300px){html{font-size:42%}.language-name article{text-align:center}.two-words{align-items:flex-end;height:50px}.two-words article{font-size:1.5rem}.footer-bottom article{font-size:1rem}.social-media-container a{width:50px;height:50px}.logos{gap:20px}}.form-group input,.form-group textarea{width:100%;padding:15px;font-size:1rem;border:1px solid var(--color-gray);border-radius:5px;background-color:var(--tech-stack-box-first-color);color:var(--color-white)}.contact-btn{padding:15px 30px;margin:auto;font-size:1rem;font-weight:600;color:var(--color-white);background-image:linear-gradient(to right,var(--color-light-purple),var(--color-light-blue));border:none;border-radius:5px;cursor:pointer;transition:background .3s ease-in-out}.contact-btn:hover{background-image:linear-gradient(to right,var(--color-light-blue),var(--color-light-purple))}.social-links{display:flex;justify-content:center;gap:15px;margin:20px 0}.social-link{font-size:1rem;font-weight:500;color:var(--color-light-blue);text-decoration:none;transition:color .3s ease-in-out}.social-link:hover{color:var(--color-light-purple)}@media(max-width:768px){#contact-section{padding:40px 15px}.contact-container{max-width:80%;margin:0 auto}}header{width:100%;height:115px;display:flex;align-items:flex-end;justify-content:center}.navbar{background-image:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:80px;width:80%;padding:0 20px;justify-content:space-between;z-index:999;border:1px solid var(--color-navbarBorder-dark);border-radius:50px;display:flex;align-items:center;position:fixed}.navbar-tabs{display:flex;width:80%}.navbar-tabs-ul{width:100%;display:flex;list-style:none;justify-content:flex-end;gap:80px;color:var(--color-white);height:100%;align-items:center}.navbar-tabs-ul li{position:relative;display:flex;width:fit-content;height:30px;text-align:center;align-items:center;justify-content:center;font-size:1.5rem}.navbar-tabs-ul li:hover:before{content:"";position:absolute;border-radius:5px;z-index:-1;background-color:var(--color-white);height:10px;width:10px;left:-20px}.navbar-tabs-ul a{color:var(--color-white);font-weight:100;text-decoration:none}.logo{width:10%;height:100%;flex-direction:column;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;overflow:hidden}.logo,.logo:hover{transition-duration:1s}.hey{color:#fff;position:absolute;font-size:2.5rem;font-weight:300;background-color:#20222e;padding:5px 10px;border-radius:20px;left:120px;bottom:80px;opacity:0}.popup{animation:3s linear pop-up}@keyframes pop-up{0%{bottom:-50px;left:50px;opacity:1}to{opacity:0}}.logo-top{width:100%;align-items:center;display:flex;height:100%;justify-content:center;transform-origin:bottom;position:relative}.logo-top img{height:100%;z-index:2}.face{content:"";position:absolute;height:74%;bottom:0;justify-content:center;gap:5px;z-index:1;padding-left:1px;width:100%;align-items:center;display:flex}.eye{width:8px;height:8px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;overflow:hidden}.left-eye{box-shadow:-1px -2px 2px #00000096 inset}.right-eye{box-shadow:1px 3px 2px #00000096 inset}.pupil{width:3.5px;height:3.5px;background:#241010;border-radius:50%}.logo:hover{transform:translateY(200px)}.activeThistab:before{content:"";position:absolute;background-color:var(--color-white);height:10px;width:10px;left:-20px;border-radius:50%;z-index:-1}.cursor-inner{width:8px;height:8px;background-color:var(--color-light-blue)}.cursor-outer{width:35px;height:35px;border:2px solid #fff}.cursor-inner,.cursor-outer{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-inner.hover{width:25px;height:25px;transition:.2s;mix-blend-mode:difference}.cursor-outer.hover{width:50px;height:50px;transition:.2s}.hamburger,.mobiletogglemenu{display:none}@media screen and (max-width:998px){.navbar-tabs-ul{display:none}.hamburger{position:fixed;top:0;width:100vw;height:115px;display:flex;align-items:flex-end;justify-content:center;z-index:9998;background-color:transparent}.hamburgerbase{width:80%;height:80px;display:flex;align-items:center;justify-content:flex-end;padding:20px}#hamburger-button{font-size:3rem;font-weight:800;width:4.5rem;height:3.5rem;border:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:transparent;cursor:pointer}.burger-bar{height:3px;border-radius:0;transition-duration:.3s;background-color:var(--color-white)}#burger-bar1,#burger-bar3{width:60%}#burger-bar2{width:100%}.hamburger-animation1{transform:rotate(45deg) scaleX(1.7);transition-duration:.3s;transform-origin:left;background-color:var(--color-white)}.hamburger-animation2{transform:scaleX(0);background-color:var(--color-white)}.hamburger-animation3{transform:rotate(-45deg) scaleX(1.7);transform-origin:left;transition-duration:.3s;background-color:var(--color-white)}.mobiletogglemenu{background-color:transparent;z-index:9990;height:100%;width:100%;position:fixed;top:0;right:0;list-style:none;font-size:2rem;cursor:pointer;display:flex;transform:translate(1000px);transition-duration:1s}.show-toggle-menu{transform:translate(0);transition-duration:.6s}.mobile-navbar-tabs-ul{background-color:var(--color-dark-mode);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:70px;box-shadow:0 0 30px #0000002d;list-style:none}.mobile-navbar-tabs-li{text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;position:relative;cursor:pointer;font-family:Fira Code,monospace;height:30px;width:fit-content}.mobile-navbar-tabs-li a{color:var(--color-white);text-decoration:none}.activeThismobiletab a{color:var(--color-white)}.activeThismobiletab:before{content:"";position:absolute;height:10px;width:10px;left:-20px;border-radius:50%;background-color:var(--color-white)}.stopscrolling{overflow:hidden}}.landing-page-container{width:100%;height:calc(100vh - 115px);display:flex;flex-direction:row;align-items:center;justify-content:center}.text-content{display:flex;flex-direction:column;width:60%;height:100%;align-items:flex-start;justify-content:center}#hello-friend{font-size:3.5rem;font-weight:600;width:fit-content;display:flex;align-items:flex-end;color:var(--color-white)}#name,#work{font-size:8rem;width:fit-content;display:flex;font-weight:700}#name{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:400% 400%;animation:3s infinite gradient;color:transparent}@keyframes gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}#work{align-items:flex-start;flex-wrap:wrap;color:var(--color-white)}#work div{display:flex;margin:0 12px 0 0}.jello:hover{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-color:#03e6ff;animation:.9s both jello-vertical}@keyframes jello-vertical{0%,to{transform:scaleZ(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)}}#info-para{width:75%;padding-top:30px;color:var(--color-ddd-color);line-height:20px;font-weight:400;font-size:2rem}.contact-btn-div{width:100%;padding-top:50px;height:fit-content;display:flex;align-items:center;justify-content:flex-start}.letsTalkBtn{position:relative;border:none;width:180px;height:40px;border-radius:0;cursor:pointer;transition:.3s;background-color:transparent}.setting-container{width:60px;height:50px;margin-left:50px;display:flex;align-items:center;gap:30px;padding:20px 0;transform-origin:left;transition-duration:.5s}#labelforsetting{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 20px;background-image:url(/src/png/hii.gif);background-repeat:no-repeat;background-position:center;background-size:60%;transition-duration:.5s;cursor:pointer}.settingactivate{width:200px}.visualmodetogglebuttoncontainer,.soundtogglebuttoncontainer{align-items:center;width:fit-content;transition-duration:.3s;height:fit-content;display:flex;justify-content:center;transform:translate(-50px) scale(0)}.visualmodeshow{transition-duration:.3s;transform:translate(0) scale(1)}.soundmodeshow{transition-delay:.1s;transition-duration:.5s;display:inline-block;transform:translate(0) scale(1)}#labelforvisualmode{position:relative;width:40px;height:40px;background-image:url(/src/png/wired-lineal-54-photo.gif);background-size:50%;background-repeat:no-repeat;background-position:center;transition-duration:.5s;cursor:pointer}#switchforvisualmode:checked+#labelforvisualmode{transform:rotate(360deg);transition-duration:.5s;background-image:url(/src/png/wired-lineal-54-photo.gif);background-size:60%}#labelforsound{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-image:url(/src/png/wired-lineal-784-trumpet.gif);background-repeat:no-repeat;background-position:center;background-size:60%;cursor:pointer;transition-duration:.5s}#switchforsound:checked+#labelforsound{transition-duration:.5s;background-image:url(/src/png/wired-lineal-784-trumpet.gif);background-size:50%;background-repeat:no-repeat;background-position:center}.blob{position:absolute;right:-15%;top:0;background-color:var(--color-light-purple);width:600px;height:100vh;filter:blur(300px);opacity:.3;animation:1s linear infinite alternate-reverse breath;border-radius:50%}@keyframes breath{0%{opacity:.3}to{opacity:.5}}.light-mode{--color-dark-mode: #ece7e1;--color-black: #fff;--color-white: #000;--color-ddd-color: rgb(31, 31, 31);--color-navbarBorder-dark: #d1d6eb;--static-heading-gradient-blue: #0f7878;--static-heading-gradient-pink: #f09bb9;--color-shadowDark: #e2ddd7;--tech-stack-box-first-color: #e7e2db;--tech-stack-box-second-color: #ece7e100;--tech-stack-box-border-color: #dad5cf}.invertapplied{filter:invert(1)}@media screen and (max-width:1200px){.text-content{width:80%}}@media screen and (max-width:768px){.text-content{padding-left:0;width:80%}#hello-friend{height:100px;font-size:3.5rem}#name,#work{font-size:5.5rem}.contact-btn-div{height:140px;display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;gap:20px}.setting-container{margin-left:0}}@media screen and (max-width:500px){.landing-page-container{height:85vh}.text-content{justify-content:flex-start}}@media only screen and (max-width:1300px)and (max-height:730px){.landing-page-container{height:fit-content;margin-top:100px}}.about-section-container{width:100%;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:200px}.about-section{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-heading{width:100%;display:flex;align-items:center;gap:10px}.section-heading-article{font-size:8rem;font-weight:800;color:var(--color-ddd-color);font-family:Londrina Outline,sans-serif}.info-dp-section{width:100%;display:flex;margin-top:30px}.about-info{width:60%;display:flex;flex-direction:column}.about-info p{color:var(--color-white);font-weight:400;font-size:2rem;line-height:25px}.dp{width:40%;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.dp img{width:300px}.dp:after,.dp:before{height:300px;z-index:-2;content:"";position:absolute;width:300px;transition-duration:.5s}.dp:before{box-shadow:2px 2px inset #8000ff,-2px -2px 0 inset transparent}.dp:after{box-shadow:2px 2px 0 inset transparent,-2px -2px inset #8000ff}.dp:hover:after{transform:translate(20px,20px)}.dp:hover:before{transform:translate(-20px,-20px)}.resume-btn{margin-top:25px;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:50%;cursor:pointer;box-shadow:2px 2px 10px #0003;background:linear-gradient(82.3deg,#965de9 10.8%,#6358ee 94.3%);position:relative;align-items:center;transition-duration:.3s;display:flex;overflow:hidden}.sign{width:100%;align-items:center;transition-duration:.3s;display:flex;justify-content:center}.sign svg{width:17px}.sign svg path{fill:#fff}.text{position:absolute;right:0;width:0%;opacity:0;font-size:1em;font-weight:600;transition-duration:.3s;color:#fff}.resume-btn:hover{width:130px;border-radius:40px;transition-duration:.3s}.resume-btn:hover .sign{width:30%;transition-duration:.3s;padding-left:20px}.resume-btn:hover .text{opacity:1;width:70%;transition-duration:.3s;padding-right:10px}.resume-btn:active{transform:translate(2px,2px)}@media screen and (max-width:1200px){.about-section{width:80%}}@media screen and (max-width:998px){.about-info,.dp,.info-dp-section{width:100%;display:flex}.info-dp-section{flex-direction:column;margin-top:30px;gap:30px}.about-info{flex-direction:column}.dp{align-items:center;justify-content:center}.dp:after,.dp:before{display:none}}@media screen and (max-width:768px){.dp img{width:200px}}.skills-section-container{padding-top:150px;width:100%;display:flex;align-items:center;justify-content:center}.skills-section{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.frontend-dev-section{width:100%;margin-top:50px}.frontend-dev-heading{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:900;height:100px;letter-spacing:5px;background-image:linear-gradient(90deg,var(--static-heading-gradient-blue),var(--static-heading-gradient-pink));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-stack-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:50px;margin-top:50px}.tech-stack-box{width:160px;height:160px;background-image:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));border:1px solid var(--tech-stack-box-border-color);border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.tech-stack-box:hover{transform:translateY(-5px)}.tech-stack-box img{width:80%;height:auto;transition:transform .3s ease}.tech-stack-box:hover img{transform:scale(1.1)}.tech-stack-box:hover .tooltip{opacity:1;transform:translateY(-10px)}.tooltip{position:absolute;top:-20px;opacity:0;background:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));border:1px solid var(--tech-stack-box-border-color);padding:5px 10px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none;letter-spacing:.5px;font-size:1.6rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500;color:#fff;white-space:nowrap;transform:translateY(0)}@media screen and (max-width:1200px){.skills-section{width:80%}}@media screen and (max-width:500px){.tech-stack-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tech-stack-box{width:100%;height:38vw}}@media screen and (max-width:430px){.skills-section{width:80%}}#contact-section{padding:50px 20px;background-color:var(--color-dark-mode);color:var(--color-white)}#contact-section h2{padding:30px}.contact-container{padding:20px;max-width:600px;margin:0 auto;text-align:center}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:15px;font-size:1rem;border:1px solid var(--color-gray);border-radius:5px;background-color:var(--tech-stack-box-first-color);color:var(--color-white);font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-light-blue)}.social-links{display:flex;justify-content:left;gap:20px;margin-top:20px}.social-links a img{width:32px;height:32px;transition:transform .3s ease}.social-links a img:hover{transform:scale(1.2)}.letsTalkBtn{position:relative;border:none;width:180px;height:40px;border-radius:0;cursor:pointer;transition:.3s;background-color:transparent;margin:20px auto}.letsTalkBtn-text{width:100%;height:100%;background-color:#e6e6e677;border:none;border-radius:7px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#000;align-items:center;justify-content:center;letter-spacing:.8px;display:flex;font-weight:700}.letsTalkBtn-BG{position:absolute;width:100%;height:100%;background-image:linear-gradient(150deg,#71cbff,#8000ff);z-index:-1;left:6px;top:6px;border-radius:7px;pointer-events:none;transition:.3s}.letsTalkBtn:hover{transform:translateY(-2px) translate(-2px)}.letsTalkBtn:hover .letsTalkBtn-BG{transform:translateY(2px) translate(2px)}.letsTalkBtn:active{transform:translateY(7px) translate(7px)}.letsTalkBtn:active .letsTalkBtn-BG{transform:translateY(-7px) translate(-7px)}@media(max-width:768px){#contact-section{padding:40px 15px}.contact-container{max-width:80%;margin:0 auto}.social-links{justify-content:center}}@media(max-width:480px){#contact-section{padding:30px 10px}.contact-container{max-width:80%;margin:0 auto}}footer{width:100%;height:fit-content;border-top:1px solid var(--tech-stack-box-border-color);position:relative;overflow:hidden}#backtotopbutton{position:fixed;right:10px;bottom:0;flex-direction:column;align-items:center;justify-content:center;border:none;width:3rem;height:15rem;z-index:101;text-align:center;transition:.4s;display:none;background-color:transparent;cursor:pointer}#backtotopbutton article{font-size:1.5rem;color:var(--color-white);font-weight:400;writing-mode:vertical-rl;mix-blend-mode:difference;font-family:Whitney,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#backtotopbutton:hover{transform:translateY(-20px);text-decoration:line-through var(--color-white)}#backtotopbutton{display:block!important}.projects-section-container{padding:150px 0;display:flex;align-items:center;justify-content:center;width:100%}.projects-section-div{width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-boxes-div{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:50px}.project-box-wrapper{width:100%}.project-box{width:100%;height:400px;display:flex;flex-direction:row;justify-content:space-between;transition-duration:.3s;border-radius:30px;border:1px solid var(--tech-stack-box-border-color);background-image:linear-gradient(to bottom right,var(--tech-stack-box-first-color),var(--tech-stack-box-second-color));overflow:hidden}.project-box:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.info-div{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:0 40px}.faviconforProject{width:30px;border-radius:50%}.image-div{width:50%;height:100%;padding-top:70px;padding-left:10px;overflow:hidden}.image-div img{height:100%;border-top-left-radius:30px;transition:transform .3s ease}.project-box:hover .image-div img{transform:scale(1.05)}.ProjectHeading{color:var(--color-white);font-size:3.4rem;font-weight:700}.ProjectDescription{color:gray;font-size:1.7rem;font-weight:400;line-height:1.5}.project-buttons{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:20px}.github-redirect{width:50px;text-decoration:none}.github-redirect img{width:45px;height:auto;transition:.3s;filter:brightness(2)}.github-redirect:hover img{filter:brightness(4);transform:scale(1.1)}.cta{padding:12px 18px;transition:.2s;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;text-decoration:none;position:relative}.cta:before{content:"";position:absolute;left:0;display:block;border-radius:50px;background:#2b2f4e;width:45px;height:45px;transition:.3s}.cta:hover:before{width:100%}.cta span{font-size:1.8rem;font-weight:600;letter-spacing:.05em;color:var(--color-light-blue);position:relative;z-index:1;transition:color .3s ease}.cta svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:var(--color-light-blue);stroke-width:2;transform:translate(-5px);transition:.3s;z-index:1}.cta:hover svg{stroke:#fff;transform:translate(0)}.cta:hover span{color:#fff}.cta:active{transform:scale(.95)}@media screen and (max-width:1200px){.projects-section-div{width:80%}}@media screen and (max-width:998px){.projects-section-div{width:80%}.project-box{flex-direction:column;height:800px}.image-div,.info-div{width:100%;height:50%}.image-div{padding:0 0 0 80px}}@media screen and (max-width:768px){.projects-section-div{width:80%}.project-boxes-div{padding:40px 0}.project-box{height:550px}.info-div{height:60%;padding:0 30px}.image-div{height:40%;padding-left:50px}.image-div img{border-top-left-radius:10px}}@media screen and (max-width:430px){.info-div{padding:0 30px}}