.header{background-color:var(--gray);height:200vh}.header-keepScrolling{text-align:center;position:sticky;top:90vh}.ayushKumarImg img{width:90%;max-width:400px}.header-topContainer{justify-content:space-between;align-items:center;padding-inline:2rem;display:flex;position:sticky;top:1rem}.header-topContainer img{width:4rem}.header-eyeContainer{text-align:center;transform-origin:50%;background-color:#fff;border-radius:50%;max-width:500px;margin-inline:auto;position:sticky;top:20vh}.header-middleContainer{text-align:center;margin-inline:1rem;font-weight:800;transition:all .4s ease-in-out;position:sticky;top:60vh}.header-middleContainer h1{font-size:2.5rem}@media (max-width:532px){.header-topContainer img{width:3rem}.header-eyeContainer{margin-inline:1rem}.header-middleContainer{top:50vh}.header-keepScrolling{top:85vh}}@media (max-width:370px){.header-middleContainer h1{font-size:2rem}}.keepScrollingIcon{animation:1s ease-in-out infinite downArrow}@keyframes downArrow{0%{transform:translateY(-10%)}to{transform:translateY(40%)}}
.BlackInfoContainer{z-index:9998;background-color:#000;width:100%;position:absolute;box-shadow:0 0 10px gray}.BlackInfoContainer-mobile{width:100%;display:none}.BlackInfoContainer-mobile img{width:100%}.ayush-svg{width:95%;height:fit-content;margin:2rem 2.5%}.webDeveloper-svg{width:95%;height:fit-content;margin:.6rem 2.5%}.bottom-border{transform-origin:0;width:90%;height:3px;margin:auto;transition:all 2s}.creative-profession-container{gap:2rem;width:90%;margin:4rem 5% 2rem;display:flex}.profession-container{width:80%;padding:1rem}.profession-container h1{margin-block:0;font-size:3.5rem}.profession-container h3{margin-top:0;font-size:2rem}.profession-container h1:first-of-type{margin-top:4rem}.profession-container h1:nth-of-type(2){margin-left:1rem}.creative-container{border:2px solid var(--gray);text-align:center;border-radius:40px;place-content:center;width:20%;display:grid}.optimisedForMobile{background-color:#494b4b;width:95%;margin:1rem 2.5%}.attractive-and-modernUI-container{place-content:center;gap:1rem;width:90%;margin:2rem 5%;display:flex}.attractive{width:50%;padding:1rem 1rem 1rem 2rem;font-size:1.2rem;overflow:hidden}.attractive h3{transition:all 1s ease-in-out}.modernUI{border-radius:60px;place-content:center;width:50%;padding:1rem 1rem 0;display:grid}@media (max-width:1100px){.creativeIcon-img{width:5rem;margin:auto}}@media (max-width:800px){.BlackInfoContainer-mobile{display:block}.BlackInfoContainer-pc{display:none}.creative-profession-container{flex-direction:column;width:90%;margin:4rem 5%}.profession-container{width:90%}.profession-container h1{font-size:3rem}.profession-container h3{font-size:1.7rem}.creative-container{width:100%;padding-block:2rem}}@media (max-width:600px){.attractive-and-modernUI-container{flex-direction:column}.attractive{width:87%}.attractive h3{transition:all 1s ease-in-out}.modernUI{width:92%}.modernUI img{width:5rem;margin:auto}}@media (max-width:450px){.profession-container h1{font-size:2.5rem}}@media (max-width:350px){.profession-container h1{font-size:2rem}}@media (max-width:250px){.profession-container h1{font-size:1rem}.BlackInfoContainer{overflow:hidden}}
.HowIdoIt{text-align:center;min-height:100vh;margin-top:150vh;padding:1rem}@media (min-width:1050px){.HowIdoIt{margin-top:120vh}}.HowIdoIt h1{font-size:3rem}.HowIdoIt img{width:60%}.howIdoIt-svg{width:40%}.mobileVersion{display:none}@media (max-width:900px){.pcVersion{display:none}.mobileVersion{display:block}.HowIdoIt img{width:70%;margin:auto;display:block}.howIdoIt-svg{width:80%;margin:auto}}@media (max-width:450px){.HowIdoIt h1{font-size:2.3rem}.HowIdoIt img{width:80%}.howIdoIt-svg{width:100%;margin:auto}}
.skills{height:250vh;padding:1rem 0 1rem 1rem;overflow:clip}.skills-container{height:100vh;display:flex;position:sticky;top:0}.skills-heading{align-items:flex-end;width:100%;height:100vh;font-size:5rem;display:flex}.skills-heading h1{margin-bottom:0;display:inline}.skills-skills{justify-content:space-around;margin-bottom:3rem;display:flex}.skills-showcase{border-top:2px solid var(--gray);margin-top:10vh;margin-left:60vw;display:inline}.skills-card-container{gap:1rem;margin-bottom:1rem;display:flex}.skills-card-container:nth-of-type(3){margin-left:8rem}.skills-card-container:nth-of-type(4){margin-left:16rem}.skills-card{width:max-content;padding-left:1rem;padding-right:5rem}@media (max-width:750px){.skills-heading{font-size:4rem}}@media (max-width:640px){.skills-heading{writing-mode:vertical-lr;justify-content:center;rotate:-180deg}.skills-heading h1{margin-top:0}}
:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.projects{background-color:#fff}.projects a{text-decoration:none}.projects h1{text-align:center;margin:0;font-size:9rem}.projects h1 img{width:7.5rem;animation:5s linear infinite rotateImg}@keyframes rotateImg{to{rotate:360deg}}@media (max-width:950px){.projects h1{font-size:7rem}.projects h1 img{width:5.5rem}}@media (max-width:720px){.projects h1{font-size:5rem}.projects h1 img{width:4rem}}@media (min-width:1000px){.project-mobileVersion{display:none}}.swiper-slide{width:80%}.project-card-mobile{width:100%;padding:1rem}.project-card-mobile img{border:3px solid var(--green);border-radius:10px;width:100%}.project-container-pc{padding:1rem 1rem 5rem}@media (max-width:1000px){.project-pcVersion{display:none}}.project-showcase-pc{max-width:80rem;margin:0 auto}.project-card-pc{border-bottom:2px solid var(--green);justify-content:space-between;align-items:center;padding:1rem;text-decoration:none;transition:color .5s,border-color .5s;display:flex;position:relative}.project-card-container{z-index:10;color:#a0aec0;font-size:2rem;font-weight:700;transition:color .5s;display:block;position:relative}.project-subHeading-pc{z-index:10;color:var(--gray);margin-top:1rem;font-size:1rem;transition:color .5s;display:block;position:relative}.project-img-pc{z-index:9999;object-fit:cover;border-radius:.375rem;width:450px;height:300px;position:absolute}.project-arrowIcon-div-pc{z-index:10;padding:1rem;position:relative}.project-arrowIcon-pc{color:var(--green);font-size:2.5rem;transition:color .5s}
*{-webkit-font-smoothing:antialiased}::-webkit-scrollbar{background:var(--background);width:0;height:0}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:var(--background)}html{scroll-snap-type:y mandatory}.section{padding-top:1%;padding-bottom:1%;position:relative;overflow:hidden}.section span{letter-spacing:.1rem}.parallax{letter-spacing:-2px;white-space:nowrap;flex-wrap:nowrap;margin:0;display:flex;overflow:hidden}.parallax .scroller{white-space:nowrap;color:var(--gray);flex-wrap:nowrap;font-size:5rem;font-weight:600;display:flex}.parallax span{margin-right:20px;display:block}
.contact{padding:1rem}.contact-heading{justify-content:center;align-items:baseline;gap:1rem;display:flex}.contact-heading h1{margin:0;font-size:4rem}.contact-heading h2{margin:0}.contact-heading a{color:#fff;cursor:pointer;font-size:2rem;text-decoration:none}.contact-heading a:hover{text-decoration:underline}.contact-separator{font-size:2rem}@media (max-width:950px){.contact-heading h1{font-size:3rem}}@media (max-width:780px){.contact-heading{flex-direction:column;align-items:center;gap:0}.contact-heading h1,.contact-heading h2{margin:0}.contact-separator{display:none}}@media (max-width:500px){.contact-heading a{font-size:1.5rem}}@media (max-width:380px){.contact-heading h1{font-size:2.2rem}.contact-heading a{font-size:1.2rem}}@media (max-width:290px){.contact-heading h1,.contact-heading h2{font-size:1.2rem}.contact-heading a{font-size:.7rem}}.form-container{border-radius:20px;width:80%;margin:1rem auto;display:flex}.form-img{background-color:#fff;border-radius:40px 0 0 40px;place-content:center;width:30%;padding:1rem;display:grid}.form-img img{width:150px}.form-text{border-radius:0 40px 40px 0;width:70%;padding:1rem}.form-container input,.form-container textarea{color:var(--green);border:0;border-radius:20px;outline:0;width:90%;margin:auto;padding:.4rem .8rem;font-size:1.3rem}input::placeholder,textarea::placeholder{color:var(--gray)}.form-btn-div{text-align:center;width:100%}.form-container button{cursor:pointer;border:0;border-radius:20px;outline:0;width:200px;margin:1rem auto;padding:.4rem .8rem;font-size:1.5rem}.form-container button:hover{color:#fff;border-radius:15px;transition:all .5s ease-in-out;scale:1.1}.contactMessage-sent{border-radius:0 40px 40px 0;place-content:center;width:70%;height:522px;padding:1rem;font-size:2rem;display:grid}@media (max-width:650px){.form-img{display:none}.form-text,.contactMessage-sent{border-radius:40px;width:100%}}@media (max-width:500px){.form-container{width:100%}}
.footer{flex-direction:column;place-content:center;height:80vh;padding:2rem .3rem;display:flex}.footer-icons{justify-content:space-between;width:90%;margin:auto;display:flex}.footer-icons a{color:var(--green);text-decoration:none}.footer-icons a:hover{transition:all .5s;animation:1s infinite shake;scale:1.1}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.footer-eye-div{text-align:center;background-color:#fff;border-radius:50%;width:100%;max-width:500px;margin:auto;overflow:hidden}.footer-eye{text-align:center;width:255px;margin:auto;transform:translateY(5%)}.footer-eye path{width:100%;margin:auto}.footer-text{margin-top:2rem}.footer-text h1{text-align:center;margin:0 auto;font-size:4rem}.copyright{color:#fff}@media (max-width:640px){.footer{height:auto}.footer-icons{flex-direction:column}}@media (max-width:500px){.footer-text h1{font-size:2rem}}