@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Barcode+39+Extended+Text&display=swap";*{margin:0;padding:0}body{background-color:#000;color:#fff}html,body{height:100%;margin:0;display:flex;flex-direction:column;font-family:Quicksand}html{overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}#root{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.main-content{padding-top:70px;margin:2rem}.app__container{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.header__container{position:fixed;top:0;left:0;z-index:9999;width:100vw;transition:all .3s ease-in-out;background:#000}.header__container.header-hidden{transform:translateY(-100%)}.header__container.header-visible{transform:translateY(0)}.header__container a{text-decoration:none;color:#fff}.header__container .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2rem}.header__container .header__logo{font-weight:300;font-family:"Libre Barcode 39 Extended Text"}.header__container .header__links{display:flex;list-style:none;gap:1rem}.header__container .header__links_icon{display:none}.header__container .header__links.inView{background:#1c1c1c;padding:1rem;border-radius:5px}.header__container .header__link{padding:.75rem 1.75rem}.header__container .header__link .is_active:after,.header__container .header__link .non_active:after{content:"";display:block;height:2px;background:#fff}.header__container .header__link .is_active:after{width:100%}.header__container .header__link .non_active:after{width:0%;transition:width .3s ease-in-out}.header__container .header__link .non_active:hover:after{width:100%}.header__container .header__link.contact__me{display:none}.header__container .header__contact_me{padding:.75rem 1.75rem;background:transparent;position:relative;transition:.5s ease-in-out;cursor:pointer}.header__container .header__contact_me:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transition:.5s ease-in-out;clip-path:circle(0% at 50% 50%);z-index:-1}.header__container .header__contact_me:hover a{display:block;animation:reveal .5s cubic-bezier(.5,0,.4,1) .1s;animation-fill-mode:forwards}.header__container .header__contact_me:hover:before{clip-path:circle(100% at 50% 50%)}@keyframes reveal{0%{transform:translateY(100%)}to{transform:translate(0);color:#000}}.scroll-up .header__container{transform:translate3d(0,-100%,0)}.scroll-down .header__container{filter:drop-shadow(0,10px,20px,#fff)}@media (max-width: 445px){.header__container .header__logo__short_name{font-size:22px}.header__container .header__links{flex-direction:column;position:fixed;right:0;top:100px;transition:opacity .3s ease-in-out;margin-right:1rem}.header__container .header__links.ofView{opacity:0;display:none}.header__container .header__links_icon{display:block;cursor:pointer}.header__container .header__links.onView{opacity:1}.header__container .header__link{padding:0}.header__container .header__link.contact__me{display:block}.header__container .header__contact_me.smallScreen{display:none}.header__container .header__contact_me.header__link{display:block}.header__container .header__contact_me.header__link{padding:0}}.footer__container{display:flex;justify-content:center;flex-direction:column;height:15vh;font-weight:300;width:calc(100% - 4rem);margin:0 2rem}.footer__container .footer{height:3rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:clamp(1rem,1.1vw,1.25rem)}.footer__container .footer__social{display:flex;flex-direction:row;align-items:center;gap:5vw}.footer__container .footer__social_item{text-decoration:none;color:#fff;transition:.3s ease-out}.footer__container .footer__social_item:after{content:"";display:block;width:0%;height:2px;transition:all .3s}.footer__container .footer__social_item.facebook:after{background:#1877f2}.footer__container .footer__social_item.linkedIn:after{background:#0077b5}.footer__container .footer__social_item.instagram:after{background:#d62976}.footer__container .footer__social_item.github:after{background:#2b3137}.footer__container .footer__social_item:hover:after{width:100%}.footer__container .footer__social_item:active{transform:scale(.85)}@media (max-width: 445px){.footer__container{margin:0 1rem;width:calc(100% - 2rem)}.footer__container .footer{flex-direction:column;justify-content:center;gap:0}.footer__container .footer__message{display:none}.footer__container .footer__social{width:100%;justify-content:space-between}}.scroll-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;z-index:1000}.indicator-line{display:flex;flex-direction:column;align-items:center;height:300px;justify-content:space-between;position:relative}.indicator-line :hover{opacity:1}.indicator-line :hover .dot{background-color:#3498db}.dot{position:relative;width:12px;height:12px;background-color:#000;border-radius:50%;margin:10px 0;transition:.3s;cursor:pointer;text-decoration:none}.dot.active{background-color:#3498db;transform:scale(1.3)}.dot span{position:absolute;right:20px;white-space:nowrap;font-size:14px;opacity:0;transition:opacity .3s;color:#fff;margin-top:-4px}.dot.active span{opacity:1}.intro__container{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.intro__container .intro{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:calc(100vh - 7rem)}.intro__container .intro__word{text-transform:uppercase;font-size:clamp(2rem,6vw,6rem);line-height:8vw}.intro__container .intro__tagLine{font-size:clamp(.65rem,1vw,1.5rem);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;font-weight:300}.intro__container .intro__tag{display:flex;justify-content:flex-end;width:100%}@media (max-width: 445px){.intro__container .intro{align-items:flex-start;gap:2rem;height:90vh}.intro__container .intro__word .line{display:flex;flex-direction:column}.intro__container .intro__word .line .char{padding:1rem 0}}.shortAbout__container{font-size:clamp(1rem,1.5vw,1.75rem);font-weight:300;line-height:1.5;height:60vh}.shortAbout__container .shortAbout{height:100%}.shortAbout__container .shortAbout__intro{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:10vw;height:100%}.shortAbout__container .shortAbout__intro_content{display:flex;flex-direction:column;align-items:center;max-width:75%;gap:6vh}.shortAbout__container .shortAbout__intro_content_data{align-self:flex-start}.shortAbout__container .shortAbout__intro_content_techStack{width:100%;display:flex;justify-content:flex-start;gap:2.5vw}.shortAbout__container .shortAbout__intro_content_techStack_icon{width:2.5vw;height:2.5vw;opacity:.1}.shortAbout__container .shortAbout__intro_content_learnMore_arrow{width:4vw;transition:scale .5s;cursor:pointer}.shortAbout__container .shortAbout__intro_content_learnMore_arrow:hover{scale:1.2}@media (max-width: 445px){.shortAbout__container{width:100%;margin-bottom:2rem}.shortAbout__container .shortAbout .heading{margin-bottom:2rem}.shortAbout__container .shortAbout__intro{flex-direction:column;gap:2vh}.shortAbout__container .shortAbout__intro_content{max-width:100%;gap:2vh;margin-bottom:2rem}.shortAbout__container .shortAbout__intro_content_learnMore{margin-top:1rem}.shortAbout__container .shortAbout__intro_content_learnMore_arrow{width:1.5rem}.shortAbout__container .shortAbout__intro_content_techStack{justify-content:space-between;margin-top:2rem}.shortAbout__container .shortAbout__intro_content_techStack_icon{width:1.25rem;height:1.25rem}}.shortProjects__container{height:100vh}.shortProjects__content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.shortProjects__projects{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5vw;height:100%}.shortProjects__projects_project{height:20vw;width:30vw;cursor:pointer;text-align:center;transition:scale .5s;display:flex;flex-direction:column;overflow:hidden;padding-bottom:.5rem;transition:scale .4s ease-in;padding-right:2px}.shortProjects__projects_project:hover .shortProjects__item_title{opacity:1}.shortProjects__projects_project-image{width:100%;height:100%;object-fit:cover;margin-bottom:.5rem;font-family:Lato}.shortProjects__projects_project:hover{scale:1.05}.shortProjects__projects__learnMore_arrow{width:4vw;transition:scale .5s;cursor:pointer}.shortProjects__projects__learnMore_arrow:hover{scale:1.2}@media (max-width: 445px){.shortProjects__container{width:100%;margin-bottom:3rem}.shortProjects__container .shortProjects__projects{flex-direction:column;gap:2rem}.shortProjects__container .shortProjects__projects_project{width:95%;height:12rem;margin-bottom:2rem}.shortProjects__container .shortProjects__projects__learnMore_arrow{width:1.5rem;margin-top:2rem}.shortProjects__container .shortProjects__content .heading{margin-bottom:3rem}}.shortProjects__item{position:relative;overflow:hidden;border-radius:1rem}.shortProjects__item_slider{width:100%;height:100%;overflow:hidden;border-radius:10px}.shortProjects__item_sliderTrack{display:flex;height:100%;width:100%;transition:transform .6s ease-in-out}.shortProjects__item_image{width:100%;height:100%;flex-shrink:0;object-fit:cover;border-radius:10px}.shortProjects__item_title{font-size:clamp(1rem,1.1vw,1.25rem);text-align:center;margin-top:.5rem;opacity:0}.shortProjects__item:hover{scale:1.05}.shortProjects__item_image.wiggle-animation{animation:wiggle 2s ease-in-out infinite}.contactMe__container{height:66vh;display:flex;align-items:center;justify-content:center;width:78%;height:100%;margin:0 auto;margin-top:2rem}.contactMe__container .show{display:none}.contactMe__container .contactMe{height:70vh;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1.5rem;text-transform:uppercase;font-size:clamp(1rem,1vw,5rem)}.contactMe__container .contactMe__content{border:2px solid #fff;border-radius:20px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:2rem;opacity:0;width:100%}.contactMe__container .contactMe__connectWithMe{text-transform:uppercase;font-size:clamp(1.75rem,4vw,5rem)}.contactMe__container .contactMe__mail{display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px solid #fff;border-radius:100%;width:5vw;height:5vw;padding:.3rem;font-size:clamp(.6rem,.8vw,1rem);cursor:pointer;word-wrap:break-word;color:#fff;text-decoration:none}@media (max-width: 445px){.contactMe__container{width:100%;margin-top:0}.contactMe__container .show .heading{margin-bottom:2.5rem}.contactMe__container .contactMe__content{height:30rem}.contactMe__container .contactMe__content .contactMe__mail{width:3rem;height:3rem}.contactMe__container .contactMe__connectWithMe,.contactMe__container .contactMe__contactMe{text-align:center}}body{cursor:none}.cursor{pointer-events:none;position:fixed;top:0;left:0;z-index:99999;mix-blend-mode:difference}.cursor__ball{position:fixed;top:0;left:0}.cursor__ball circle{fill:#f7f8fa}.project{padding-top:3rem;min-height:calc(100vh - 21rem);display:flex;align-items:center;justify-content:space-around;width:80%;margin:auto;flex-wrap:wrap;gap:2rem}.project__item{height:15vw;width:22vw;cursor:pointer;border-radius:1rem;text-align:center;transition:scale .5s;display:flex;flex-direction:column}.project__item:hover .project__item_title{opacity:1}.project__item_image{width:100%;height:100%;object-fit:cover;margin-bottom:.5rem;border-radius:10px;font-family:Lato}.project__item_title{font-size:clamp(1rem,1.1vw,1.25rem);opacity:0}.project__item:hover{scale:1.1}@media (max-width: 445px){.project{flex-direction:column}.project__item{width:100%;height:100%}.project__item:hover{scale:1}}.project__item{position:relative;overflow:hidden;border-radius:1rem}.project__item_slider{width:100%;height:100%;overflow:hidden;border-radius:10px}.project__item_sliderTrack{display:flex;height:100%;width:100%;transition:transform .6s ease-in-out}.project__item_image{width:100%;height:100%;flex-shrink:0;object-fit:cover;border-radius:10px}.project__item_title{font-size:clamp(1rem,1.1vw,1.25rem);text-align:center;margin-top:.5rem}.project__item:hover{scale:1.05}@keyframes wiggle{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.project__item_image.wiggle-animation{animation:wiggle 2s ease-in-out infinite}.education__content{opacity:0;padding:5vh 0}.education__content_item{border:2px solid #2f2f33;background-color:#252525;border-radius:10px;min-height:10vh;width:35vw;padding:1rem}.education__content_item_title{margin-bottom:3vh}.education__content_item_content{font-size:clamp(1rem,1vw,1.5rem)}@media (max-width: 1024px){.education__content_item{min-height:14rem}}@media (max-width: 445px){.education__content_item{min-height:auto}}.about__container{font-size:clamp(.9rem,2vw,1.5rem);font-weight:300;line-height:1.5;opacity:1;display:flex;flex-direction:column;width:80%;margin:auto;margin-top:2rem}.about__container .about{display:flex;width:100%;flex-direction:column}.about__container .about__intro{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10vw;margin-top:3rem;margin-bottom:6rem}.about__container .about__intro_profilePic{overflow:hidden;border-radius:10px}.about__container .about__intro_profilePic_pic{width:20vw;height:30vw;object-fit:cover;transition:transform .5s ease-in-out;border-radius:10px}.about__container .about__intro_profilePic_pic:hover{transform:scale(1.1)}.about__container .about__intro_content{display:flex;flex-direction:column;gap:3vw}.about__container .about__intro_content_data{font-size:clamp(.9rem,2vw,1.75rem);line-height:3rem}.about__container .about__techStack{width:100%;display:flex;flex-direction:row;gap:3vw}.about__container .about__techStack_icon{height:4vh;transition:transform .5s ease-in-out;opacity:0}.about__container .about__techStack_icon:hover{transform:scale(1.2)}.about__container .education__details{display:flex;justify-content:space-between}.about__container .education__title{text-transform:uppercase}.about__container .education__title .char{margin-right:2vw;font-weight:500}.about__container .contact{margin-bottom:2rem}.about__container .contact__content{border:2px solid #2f2f33;background-color:#252525;border-radius:10px;min-height:10vh;padding:1rem;display:flex;flex-direction:column}.about__container .contact__title{text-transform:uppercase;margin-bottom:5vh}.about__container .contact__title .char{margin-right:2vw;font-weight:500}.about__container .contact__content{opacity:0}.about__container .contact__content_item{font-size:clamp(1rem,1vw,1.5rem)}.about__container .contact__content_item_social{margin-top:2rem;display:flex;gap:4vw;align-items:center}.about__container .contact__content_item_social_icons{display:inline-block;display:flex;gap:3vw;width:fit-content}.about__container .contact__content_item_social_icons img{height:30px;width:30px}@media (max-width: 1024px){.about__container .about__intro{align-items:flex-start}}@media (max-width: 445px){.about__container{margin:0;width:100%}.about__container .about__intro{flex-direction:column;margin-top:1rem;margin-bottom:3rem;align-items:flex-start}.about__container .about__intro_profilePic_pic{width:50vw;height:80vw}.about__container .about__intro_content{max-width:100%;gap:2rem;line-height:1rem}.about__container .about__techStack_icon{height:3vh}.about__container .education__details{flex-direction:column;margin-bottom:2rem}.about__container .education__content{padding:1rem 0}.about__container .education__content_item{width:auto}.about__container .contact__title{margin-bottom:1rem}.about__container .contact__content{overflow-wrap:break-word}.about__container .contact__content_item_social{flex-direction:column;align-items:flex-start}.about .about__intro_content_data{line-height:1.75rem}}.loading{font-family:Orbitron;background:#fff;height:100vh;color:#000}.loading__content{font-size:clamp(1.75rem,3vw,5rem);padding-left:5%;padding-top:5%}.loading__percentage{position:absolute;bottom:5%;right:5%;font-size:clamp(1.75rem,4vw,5rem)}