@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Turret+Road:wght@200;300;400;500;700;800&family=Pixelify+Sans:wght@400..700&family=Silkscreen:wght@400;700&family=Tilt+Neon&family=Outfit:wght@100..900&display=swap");.App{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;background-color:#000;color:azure}@import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Tilt+Neon&display=swap");.project{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px;color:azure;padding:6vh 0}.project_title{justify-content:center;position:relative}.project_title h1{padding:0 30px;font-size:80px;font-weight:600;z-index:2;margin:0;position:relative;background:none}.project_title img{position:absolute;bottom:0;right:0;z-index:1}.project-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;gap:40px}.project-container img{box-sizing:border-box;width:419px;height:auto;object-fit:contain;border-radius:25px;transition:.2s ease-in-out;cursor:pointer}.project-container img:hover{transform:scale(1.1)}.showmore{display:flex;gap:15px;border-radius:50px;border:2px solid #fff;padding:30px 60px;font-size:22px;font-weight:500;margin-bottom:80px;cursor:pointer;transition:.2s ease-in}.showmore:hover{gap:30px;transition:.2s ease-in}@media only screen and (max-width:1200px){.project-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:960px){.project-container{grid-template-columns:1fr}.project-container img{width:100%;gap:3%}}.about{display:flex;flex-direction:column;align-items:center;gap:80px;padding:6vh 10vw;color:azure}.about,.about_title{justify-content:center}.about_title{position:relative;margin-left:30px}.about_title h1{padding:0 30px;font-size:4rem;font-weight:600;z-index:2;margin:0;position:relative;background:none}.about_title img{position:absolute;bottom:0;right:0;z-index:1}.aboutsection{display:flex;gap:10px}.about-img{max-width:100%;width:800px;height:800px;background-image:url(/aboutpic.jpg);background-size:cover;left:0}.about-text{max-width:550px;font-size:20px;display:flex;flex-direction:column;font-family:Tilt Neon,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}.about-text p{font-size:22px;padding-top:10px}.about-text h2{font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:2.7rem}.about-text span{background-image:linear-gradient(276deg,#d89454,#c065da 120.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icons{display:flex;gap:2vw;padding:2vh 2vw}@media (max-width:820px){.about-img{display:none}.about-text{max-width:100%;align-items:center;text-align:center}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px;color:azure;padding:5% 10.6%}.contact_title{justify-content:center;position:relative}.contact_title h1{padding:0 30px;font-size:80px;font-weight:600;z-index:2;margin:0;position:relative;background:none}.contact_title img{position:absolute;bottom:0;right:0;z-index:1}.contactsection{display:flex;gap:4vw;font-family:Tilt Neon,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}.leftcontainer{display:flex;flex-direction:column;gap:30px}.leftcontainer h2{font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:4rem;background-image:linear-gradient(276deg,#da7c25,#b923e1 120.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.leftcontainer p{max-width:550px;font-size:20px}.contactdetails{display:flex;flex-direction:column;gap:30px;font-size:22px}.contactdetail{display:flex;align-items:center;gap:20px}.rightcontainer{display:flex;flex-direction:column;align-items:start;gap:30px}.rightcontainer label{color:#d8d8d8;font-size:22px;font-weight:500}.rightcontainer input{width:700px;height:78px}.rightcontainer input,.rightcontainer textarea{border:none;border-radius:4px;padding-left:20px;background-color:#38383c;color:#a0a0a0;font-size:22px;font-family:Outfit}.rightcontainer textarea{width:650px;padding-top:10px}.contactsubmit{padding:20px 40px;border:1px solid transparent;border-radius:50px;background:linear-gradient(264deg,#da7c25 -5%,#b923e1 106%);cursor:pointer;font-size:22px}.contactsubmit:hover{border:1px solid #fff}.Icon{border:1.5px solid #d8d8d8}@media (max-width:820px){.contactsection{flex-direction:column;gap:10vh}.rightcontainer{align-items:center;justify-content:center}.rightcontainer input,.rightcontainer textarea{width:100%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer{background:linear-gradient(45deg,#b330e1,#5c73b9);background-size:300% 300%;animation:gradientShift 3s ease infinite;display:flex;justify-content:space-between;align-items:center;padding:1vh 4vw;.text{display:flex;flex-direction:column;background:none;h5{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:20px;color:#f0e8f3}p{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal;color:#c2a6cc}}.icons{display:flex;gap:2vw}}@media (max-width:767px){.footer{flex-direction:column;align-items:start;padding:1vh 4vw 2vh}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1vh 5vw;font-family:Tilt Neon,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}.navbar img{max-width:200px;height:auto}.navbar-menu{list-style:none;justify-content:end;font-size:20px;gap:5vw;display:flex}.nav-item{display:inline;color:#fff;text-align:center;padding:14px 0;text-decoration:none;transition:color .3s ease,border-bottom .3s ease;border-bottom:2px solid transparent;cursor:default}.nav-item:hover{display:inline-block;border-image:linear-gradient(90deg,#da7c25,#b923e1) 1;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,#da7c25,#b923e1) border-box;border-bottom:2px solid transparent;text-decoration:none}.navbar-right{display:flex;align-items:center;gap:20px;font-size:22px;cursor:default}.container{display:none;cursor:pointer}.bar1,.bar2,.bar3{width:35px;height:1px;background-color:#fff;margin:10px 0;transition:.4s}.change .bar1{transform:translateY(4px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-18px) rotate(45deg)}@media (max-width:820px){.navbar-menu{display:none;flex-direction:column;width:100%;background-color:#000;position:absolute;top:70px;left:0;padding:10px}.navbar-right{display:flex;align-items:center;gap:20px;font-size:22px;list-style:none;cursor:default}.navbar-menu.is-active{display:flex}.container{display:block}}.hero{display:flex;justify-content:center;align-items:center;flex-direction:row;padding:6vh 10vw}.hero-image{width:300px;height:300px;object-fit:cover;animation:inneranimate 4s infinite}@keyframes inneranimate{0%{border-radius:42% 58% 70% 30%/30% 71% 29% 70%}25%{border-radius:39% 61% 22% 78%/50% 26% 74% 50%}50%{border-radius:77% 23% 49% 51%/46% 55% 45% 54%}75%{border-radius:39% 61% 22% 78%/50% 26% 74% 50%}to{border-radius:42% 58% 70% 30%/30% 71% 29% 70%}}.outerborder{margin-left:20px;width:320px;height:320px;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);animation:outeranimate 4s infinite}@keyframes outeranimate{0%{border-radius:16% 84% 49% 51%/46% 74% 26% 54%}25%{border-radius:61% 39% 59% 41%/46% 18% 82% 54%}50%{border-radius:61% 39% 39% 61%/79% 83% 17% 21%}75%{border-radius:61% 39% 59% 41%/46% 18% 82% 54%}to{border-radius:16% 84% 49% 51%/46% 74% 26% 54%}}.hero h1{text-align:left;font-family:Silkscreen,serif;font-weight:400;font-style:normal;font-size:4rem}.hero h2{text-align:left;font-family:Pixelify Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:3rem;font-weight:600}@keyframes gradientAnimation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.hero span{background-image:linear-gradient(270deg,#da7c25 20%,#b923e1 130.06%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation 2s linear infinite}.hero-action{padding-top:30px;display:flex;align-items:center;gap:25px;font-family:Tilt Neon,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}.hero-connect{padding:20px 40px;border:1px solid transparent;border-radius:50px;background:linear-gradient(264deg,#da7c25 -5%,#b923e1 106%)}.hero-connect,.hero-resume{cursor:pointer;font-size:22px}.hero-resume{margin-left:1px;padding:20px 70px;border:1px solid #fff;border-radius:50px;text-decoration:none;color:azure}.hero-connect:hover{border:1px solid #fff}.hero-resume:hover{border-image:linear-gradient(90deg,#da7c25,#b923e1) 1;background:linear-gradient(#000,#000) padding-box,linear-gradient(90deg,#da7c25,#b923e1) border-box;border-radius:50px;border:1px solid transparent;text-decoration:none}@media (max-width:820px){.hero{flex-direction:column-reverse}.hero-action{flex-direction:column}}