.cursor{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none}.cursor--inner{height:6px;width:6px;top:-3px;left:-3px;background-color:hsla(var(--co-secondary),100%);z-index:11000}.cursor--outer{height:40px;width:40px;border:1px solid hsla(var(--co-accent),80%);background-color:hsla(var(--co-accent),6%);z-index:22000}header{display:flex;justify-content:space-between;align-items:center;z-index:1000}.logo{font-size:var(--fs-big);font-weight:var(--fw-reg);color:hsla(var(--co-secondary),70%)}nav{position:fixed;top:50%;right:50px;display:flex;flex-direction:column;align-items:flex-end;gap:1.8rem;transform:translateY(-100%)}.link{all:unset;min-height:40px;font-size:var(--fs-big);font-weight:var(--fw-bold);overflow:hidden}.link-line{position:absolute;height:2px;width:100%;top:50%;left:50%;transform:translate(-50%,-100%);background:hsla(var(--co-accent),100%)}.link-wrapper{all:unset;display:flex;align-items:center;gap:1.4rem;padding-inline:1rem;padding-block-start:4px}.link{position:relative;cursor:pointer}.link-circle{height:8px;aspect-ratio:1/1;border-radius:50%;transition:all .9s}.active-link{color:hsla(var(--co-secondary),40%);transition:color .9s}.active-link>.link-circle{background-color:hsla(var(--co-accent),40%)}.active-link .link-line{background-color:hsla(var(--co-secondary),40%)}.inactive-link{color:hsla(var(--co-secondary),20%);transition:color .9s}.inactive-link>.link-circle{background-color:hsla(var(--co-secondary),20%)}.inactive-link .link-line{background-color:hsla(var(--co-secondary),0%)}.navigation:hover .active-link{color:hsla(var(--co-secondary),100%)}.navigation:hover .inactive-link{color:hsla(var(--co-secondary),70%)}.navigation:hover .active-link .link-circle{background-color:hsla(var(--co-accent),100%)}.navigation:hover .active-link .link-line{background-color:hsla(var(--co-accent),80%)}.theme-toggle{border:none;background-color:transparent;height:40px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px}.icon-path{fill:hsla(var(--co-secondary),100%)}.theme-toggle:hover .icon-path{fill:hsla(var(--co-accent),100%)}.aboutme-container{margin-inline:200px;margin-block-start:176px;margin-block-end:6rem}.aboutme-intro{width:max-content;display:flex;flex-direction:column;align-items:flex-start}.aboutme-image-container{height:150px;width:150px;overflow:hidden;border:1px solid hsla(var(--co-secondary),30%);border-radius:50%;transition:all .6s ease-out}.aboutme-image{height:150px;width:150px;object-fit:cover;object-position:top;filter:grayscale(1);transition:all .6s ease-out}.aboutme-image-container:hover .aboutme-image{transform:scale(1.1)}.aboutme-image-container:hover{transform:translateY(-10px);box-shadow:0 10px 20px hsla(var(--co-secondary),20%)}.dark-theme .aboutme-image-container:hover{box-shadow:0 10px 20px #000}.aboutme-title{margin-block-start:2.5rem;font-size:var(--fs-bigger);font-weight:var(--fw-reg);color:hsla(var(--co-secondary),70%)}.aboutme-subtitle:hover .subtitle-emph,.aboutme-speak:hover .speak-emp{color:hsla(var(--co-accent),100%)}.greeting-emph,.greeting-hindi,.greeting-english{display:inline-block}.overflow-wrapper{display:inline-block;overflow:hidden;margin-inline-end:1rem}.greeting-english{font-weight:var(--fw-bold);color:hsla(var(--co-secondary),100%)}.greeting-hindi{font-weight:var(--fw-bold);color:hsla(var(--co-secondary),80%)}.subtitle-emph,.speak-emp{color:hsla(var(--co-secondary),100%);transition:all .4s ease-in}.subtitle-emph,.speak-emp{font-weight:var(--fw-bold)}.aboutme-subtitle{margin-block-start:2rem;font-size:var(--fs-big);color:hsla(var(--co-secondary),70%)}.aboutme-speak{margin-block-start:80px;max-width:26rem;position:relative;font-size:var(--fs-reg)}.aboutme-speak:after{content:"";height:200%;max-height:248px;width:2px;position:absolute;top:4px;left:-200px;background-color:hsla(var(--co-secondary),60%)}.aboutme-connect{min-height:90vh;margin-block-start:max(135px,24vh);display:flex;align-items:center}.connect-container{display:flex;gap:9.5rem}.connect-left{display:flex;flex-direction:column;gap:12rem}.connect-text{max-width:412px;font-size:var(--fs-reg)}.connect-links-container{height:85px;width:400px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.links-title{font-size:var(--fs-big);font-weight:var(--fw-bold);color:hsla(var(--co-secondary),100%)}.links-container{height:64px;width:100%;padding:4px}.social-icons-inner{height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center;padding-block:12;background:hsla(var(--co-secondary),90%)}.social-icon{height:22px;width:22px;fill:hsla(var(--co-primary),100%);cursor:pointer;transition:all .2s ease-in}.social-icon:hover{fill:hsla(var(--co-accent),100%);transform:scale(1.2)}.connect-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.explore-button{all:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid hsla(var(--co-secondary),100%);aspect-ratio:1/1;border-radius:50%;transition:border 1s ease-out;cursor:pointer}.explore-button:hover{border:1px solid hsla(var(--co-accent),80%)}.explore-button:hover .explore-button-emp{color:hsla(var(--co-accent),100%)}.explore-button-text{color:hsla(var(--co-secondary),80%);font-size:var(--fs-big)}.explore-button-emp{font-size:var(--fs-biggest);color:hsla(var(--co-secondary),100%);font-weight:var(--fw-bold);padding-inline:50px;transition:color .2s ease-in}.date-hex-container{width:100%;font-size:var(--fs-small);display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-inline-end:50px}.date-container{width:max-content;display:flex;gap:12px}.date-blip{height:10px;width:10px;background-color:hsla(var(--co-secondary),100%);transition:all .4s ease-in}.connect-right:hover .date-blip{background-color:hsla(var(--co-accent),70%)}.date-line{height:8px;width:100%;max-width:15.2rem;background-color:hsla(var(--co-secondary),20%)}.hex-text{width:max-content}.work-container{display:flex;flex-direction:column;gap:16rem;margin-block:10rem}.project-title--container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.title-separator--component{width:60%;max-width:45rem;display:flex;align-items:center}.title-line{width:100%;height:1px;background:hsla(var(--co-secondary),30%)}.title-square{height:8px;width:8px;background:hsla(var(--co-secondary),30%)}.project-title--wrapper{display:flex;gap:3rem;align-items:flex-end}.project-index--container{min-width:70px;display:flex;flex-direction:column;padding:.6rem;font-size:var(--fs-reg)}.index-number{align-self:flex-start;font-weight:var(--fw-bold)}.index-total{align-self:flex-end}.index-line{width:100%;height:1px;background:hsla(var(--co-secondary),30%);transform:rotate(-45deg)}.project-title{font-size:var(--fs-bigger);color:hsla(var(--co-secondary),80%)}.work-overflow--wrapper{width:100%;overflow:hidden}.project-body--container{padding-inline-start:calc(3rem + 70px)}.project-thumbnail{width:480px;aspect-ratio:16/9;margin-block-start:4rem;border:1px solid hsla(var(--co-secondary),20%)}.project-links{min-height:40px;width:max-content;margin-block-start:1rem;padding-inline:1rem;padding-block:.4rem;display:flex;color:hsla(var(--co-secondary),60%);gap:3rem;align-items:flex-end;border:1px solid hsla(var(--co-secondary),10%)}.project-live--container,.project-code--container{all:unset;display:flex;gap:1rem;cursor:pointer}.project-live--container>span:first-child,.project-code--container>span:first-child{font-weight:var(--fw-bold);border-bottom:1px solid hsla(var(--co-secondary),100%)}.project-live--container:hover,.project-code--container:hover{color:hsla(var(--co-accent),100%)}.link-indicator{color:hsla(var(--co-secondary),100%)}.project-description{margin-block-start:4rem;max-width:38rem;color:hsla(var(--co-secondary),100%)}.project-tech--container{width:max-content;margin-block-start:2rem}.tech-subtitle{font-weight:var(--fw-bold)}.project-icons{width:max-content;margin-block-start:1rem;border:1px solid hsla(var(--co-secondary),20%);display:flex;align-items:center;justify-content:space-evenly;gap:2rem;padding-inline:.6rem;padding-block:.4rem}.project-icon--wrapper{display:inline-block;height:28px;width:28px;margin-block-start:4px}.project-icon--wrapper{cursor:pointer}.project-icon--wrapper .icon-path{fill:hsla(var(--co-secondary),70%)}.project-icon--wrapper:hover .icon-path{fill:hsla(var(--co-accent),70%)}@media (min-width: 2560px){.aboutme-container,.work-container{padding-block-start:10vh}.app{display:flex;justify-content:center;--fs-small: 1rem;--fs-reg: 1.618rem;--fs-big: 2.618rem;--fs-bigger: 4.236rem;--fs-biggest: 6.854rem;--fs-huge: 11.089rem;padding-block:100px!important}.app-wrapper{width:100%;max-width:2100px}.navigation{right:10vw}.link-line{transform:translate(-50%) translateY(100%)}.aboutme-image,.aboutme-image-container{height:240px;width:240px}.connect-text{max-width:712px}.aboutme-speak{max-width:600px}.links-container{height:6rem}.social-icons-inner{display:flex;align-items:center}.social-icon,.project-icon--wrapper{height:40px;width:40px}.theme-toggle,.theme-toggle>svg{height:48px;width:48px}.explore-button-emp{padding-inline:100px}.date-hex-container{margin-inline-end:100px}.work-container{gap:32rem}.project-index--container{min-width:100px}.title-separator--component{max-width:72rem}.project-thumbnail{width:600px}.project-links,.project-description,.project-tech--container{font-size:var(--fs-reg)}.project-icons,.project-links{gap:4rem}}@media screen and (max-width: 1440px){.app{padding-inline:25px!important}.aboutme-container{margin-inline:80px}.connect-container,.connect-left{gap:6rem}.explore-button-emp{padding-inline:35px}.connect-text,.connect-links--container{max-width:300px}}@media screen and (max-width: 1024px){.navigation{min-height:max-content;top:calc(100% - 5rem);left:50%;right:0;transform:translate(-50%) translateY(0);flex-direction:row;background-color:hsla(var(--co-secondary),100%);box-shadow:0 0 2rem 1rem hsla(var(--co-secondary),25%);padding-inline:30px;padding-block:4px;margin-inline:0;justify-content:space-evenly;z-index:4}.link{padding-inline:.4rem}.active-link{padding-inline:1rem;color:hsla(var(--co-primary),100%)}.inactive-link{padding-inline:1rem;color:hsla(var(--co-primary),80%)}.active-link>.link-circle,.inactive-link>.link-circle{display:none}.active-link .link-line{background-color:hsla(var(--co-accent),100%)}.navigation:hover .active-link{color:hsla(var(--co-primary),100%)}.navigation:hover .inactive-link{color:hsla(var(--co-primary),70%)}.project-description{max-width:400px}}@media screen and (max-width: 768px){.aboutme-container,.work-container{margin-inline:24px;margin-block-start:4rem}.aboutme-container{padding-block-end:120px}.aboutme-intro{width:100%}.connect-container{width:100%;flex-direction:column}.greeting-text{font-size:var(--fs-big)}.aboutme-subtitle{font-size:var(--fs-reg)}.connect-left{gap:4rem}.connect-right{gap:2rem;align-items:center}.date-hex-container{margin-inline:0;min-width:max-content;max-width:200px}.connect-text,.connect-links--container{max-width:100%}.navigation{width:calc(100% - 50px)}.explore-button-emp{padding-inline:50px}.work-container{gap:8rem}.project-body--container{padding-inline-start:0}.project-index--container{min-width:40px;padding:0}.project-title--wrapper{gap:2rem}.title-separator--component{width:90%}.project-title{font-size:var(--fs-big)}.project-thumbnail{width:320px}}@media screen and (max-width: 425px){.navigation{padding-inline:0}.aboutme-image-container,.aboutme-image{width:140px;height:140px}.aboutme-speak{margin-block-start:44px}.aboutme-title{margin-block-start:1rem}.greeting-hindi,.greeting-english{font-size:var(--fs-big)}.project-thumbnail{width:280px}.project-title--wrapper{gap:1rem}.project-title--container{gap:.4rem}.project-index--container{min-width:30px;font-size:var(--fs-small);padding-block-end:6px}.project-description{margin-block-start:2rem}.project-links{border:none;padding-inline:0}.title-separator--component{width:100%}.project-icon--wrapper{height:20px;width:20px}}@media screen and (max-width: 375px){.navigation{width:calc(100% - 24px)}.active-link,.inactive-link{padding-inline:0}.work-container,.aboutme-container{margin-inline:0}.explore-button-emp{padding-inline:30px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font: "Space Grotesk", sans-serif;--fs-small: .618rem;--fs-reg: 1rem;--fs-big: 1.618rem;--fs-bigger: 2.618rem;--fs-biggest: 4.236rem;--fs-huge: 6.854rem;--fw-bold: 700;--fw-reg: 400;--fw-light: 300}.dark-theme{--co-secondary: 48, 63%, 93%;--co-primary: 0, 0%, 7%;--co-accent: 18, 99%, 55%}.light-theme{--co-primary: 48, 63%, 93%;--co-secondary: 0, 0%, 0%;--co-accent: 18, 99%, 55%}.app{font-family:var(--font);background-color:hsla(var(--co-primary),100%);font-weight:var(--fw-reg);color:hsla(var(--co-secondary),80%);padding-inline:50px;padding-block:25px}