.navbar{display:flex;align-items:center;justify-content:space-between;margin:0 60px}.menu-button{display:none}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:25px}.nav-menu-sidebar{display:none}.navbar-connect{color:#fff;text-decoration:none;padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:27px;cursor:pointer;transition:.7s}.navbar-connect:hover{transform:scale(1.05);color:#fff;text-decoration:none}.navbar-menu-item{color:#fff;transition-delay:.5s;transition:1s}.navbar-menu-item:hover{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.anchor-link{text-decoration:none;color:#fff}.navbar-connect-button,.navbar-connect-button:hover{color:#fff;text-decoration:none}@media only screen and (max-width: 768px){.navbar-logo{display:block;width:100px;height:auto;position:absolute;top:-5px;left:-70px;padding:10px}.navbar-connect,.nav-menu{display:none}.menu-button{display:block;height:auto;width:40px;position:absolute;top:0;right:-30px;padding-top:10px}.nav-menu-sidebar{position:fixed;top:0;right:0;height:60vh;width:250px;z-index:999;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;border-left:2px solid white;border-top:2px solid white;border-bottom:2px solid white;flex-direction:column;align-items:right;list-style:none;border-radius:10px;transition:1s}.nav-menu-sidebar li{width:100%;color:#fff;padding:25px}.nav-menu-sidebar a{width:100%;color:#fff;margin-left:60%}.nav-menu-sidebar a:hover{width:100%;background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.navbar-close-btn{display:flex;font-size:30px;font-weight:bolder;height:auto;justify-content:end}}@media only screen and (min-width: 769px) and (max-width: 1450px){.navbar-connect{display:none}}@media only screen and (min-width: 769px) and (max-width: 1100px){.nav-menu{display:none}.menu-button{display:block;height:auto;width:60px;position:absolute;top:20px;right:0;padding-top:10px}.nav-menu-sidebar{font-size:20px;position:fixed;top:0;right:0;height:90vh;width:250px;z-index:999;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;border-left:2px solid white;border-top:2px solid white;border-bottom:2px solid white;flex-direction:column;list-style:none;border-radius:10px;transition:1s}.nav-menu-sidebar li{width:100%;color:#fff;padding:25px}.nav-menu-sidebar a{width:100%;color:#fff;margin-left:50%}.nav-menu-sidebar a:hover{width:100%;background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.navbar-close-btn{display:flex;font-size:30px;font-weight:bolder;height:auto;justify-content:end}}.profile-pic{border-radius:50%;width:300px;height:auto;border:3px solid white;padding:5px}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:100px}.hero h1{text-align:center;width:70%;font-size:60px;font-weight:500}.hero h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:60%;text-align:center;font-size:35px;line-height:40px}.hero-action{display:flex;align-items:center;gap:50px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-connect{border:2px solid black;color:#fff;border-radius:50px;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff 106.28%);font-size:25px;padding:20px 60px;cursor:pointer;transition:.3s}.hero-resume a{color:#fff;text-decoration:none;padding:25px 75px;border-radius:50px;border:2px solid #b415ff;cursor:pointer;transition:.3s}.hero-connect:hover{border:2px solid white;transform:scale(1.1);transition:.3s}.hero-resume a:hover{border:2px solid;color:#fff;transform:scale(1.1);transition:.3s;text-decoration:none}.hero-connect-button,.hero-connect-button:hover{color:#fff;text-decoration:none}@media only screen and (max-width: 768px){.profile-pic{border-radius:50%;width:200px;height:auto;border:3px solid white}.hero h1{text-align:center;width:70%;font-size:35px;font-weight:500}.hero h1 span{font-size:35px}.hero-action{display:flex;flex-direction:column;gap:30px;align-items:center}.hero-connect{margin-bottom:25px}.hero p{width:70%;text-align:center;font-size:25px;line-height:40px}}@media only screen and (min-width: 769px) and (max-width: 1024px){.profile-pic{border-radius:50%;width:250px;height:auto;border:3px solid white}.hero h1{text-align:center;width:70%;font-size:50px;font-weight:500}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:170px}.about-title h1{font-size:80px;font-weight:500}.about-para p{padding:50px;font-size:35px;text-align:left;width:100%}.about-skills{display:flex;flex-direction:column;gap:50px;margin-top:150px;font-size:30px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:25px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s;cursor:pointer}.about-skill-html hr{width:90%;outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(270deg,#df9808 -5.09%,#b415ff 106.28%)}.about-skill-js hr{width:80%;outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(270deg,#df9808 -5.09%,#b415ff 106.28%)}.about-skill-react hr{width:50%;outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(270deg,#df9808 -5.09%,#b415ff 106.28%)}.about-skill-java hr{width:90%;outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(270deg,#df9808 -5.09%,#b415ff 106.28%)}.about-skill-sql hr{width:70%;outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(270deg,#df9808 -5.09%,#b415ff 106.28%)}@media only screen and (max-width: 768px){.about{padding:0;margin-top:90px}.about-para p{padding:10px 20px;font-size:30px;text-align:left;width:100%}.about-skills{display:flex;flex-direction:column;gap:25px;margin-top:75px;font-size:20px}.about-title h1{font-size:60px;font-weight:500}.about-skills{padding:20px}}.area-of-interest h1{display:flex;font-size:80px;font-weight:500;align-items:center;justify-content:center}.interest-images img{width:100%;height:100%;object-fit:cover;border:2px solid white;border-radius:50px 50px 0 0;border-collapse:collapse}.interest-images{display:grid;grid-template-columns:1fr 1fr 1fr;padding:50px 30px;gap:40px}.card{display:flex;flex-direction:column;align-items:center;background-color:#000;border:2px solid white;border-radius:50px;border-collapse:collapse}.card-img-container{width:75%;display:flex;justify-content:center}.card-text a{font-size:25px;font-weight:500;cursor:pointer;color:#fff;text-decoration:none}.card-text a:hover{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (max-width: 768px){.area-of-interest{margin-top:90px}.card{margin-bottom:75px}.interest-images{display:block}.interest-images img{width:100%;height:100%;object-fit:cover}.area-of-interest h1{font-size:60px}}.projects h1{display:flex;font-size:80px;font-weight:500;align-items:center;justify-content:center;padding:50px 170px;margin-top:150px}.card-img-top{width:100%;height:100%;object-fit:fill;border:2px solid white;border-radius:50px 50px 0 0;border-collapse:collapse}.project-images a{cursor:pointer}.project-images{display:grid;grid-template-columns:1fr 1fr 1fr;padding:50px 30px;gap:40px}.card-text{font-size:25px}.card-body p:hover{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}@media only screen and (max-width: 768px){.projects{padding:20px}.projects h1{margin-top:90px;font-size:60px;padding:0}.card{margin-bottom:75px}.project-images{display:block}.project-images img{width:100%;height:100%;object-fit:cover}.card-text{font-size:18px}}.contact{display:flex;flex-direction:column;font-weight:500;align-items:center;justify-content:center;gap:80px;padding:50px 170px}.contact-title h1{display:flex;font-size:80px;font-weight:500;align-items:center;justify-content:center;padding:10px 170px;margin-top:150px}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:500;background:linear-gradient(270deg,#df8908 80%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#fff;font-size:25px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#fff;font-size:25px}.contacts-logo{width:45px;height:auto}.contact-detail{display:flex;align-items:center;gap:25px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#fff;font-size:25px;font-weight:500}.contact-right input{border:none;width:700px;height:60px;padding-left:20px;border-radius:5px;background:#32323c;color:#fff;font-family:Outfit;font-size:25px}.contact-right textarea{border:none;width:700px;padding-left:20px;border-radius:5px;background:#32323c;color:#fff;font-family:Outfit;font-size:25px}.contact-submit{border:2px solid black;color:#fff;border-radius:50px;background:linear-gradient(270deg,#df8908 -5.09%,#b415ff 106.28%);font-size:25px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{border:2px solid white;transform:scale(1.1);transition:.3s}.contact-details a{color:#fff;cursor:pointer}.contact-details a:hover{text-decoration:none}@media only screen and (max-width: 768px){.contact{display:block;padding:20px}.contact-title h1{font-size:60px;text-align:left;margin-top:0}.contact-left{margin-top:50px}.contact-left h1{font-size:50px}.contact-left p{width:100%;font-size:20px;text-align:left}.contact-section{display:block}.contact-right{margin-top:100px}.contact-right input,.contact-right textarea{width:90%}.contact-detail{font-size:18px}.contact-title h1{font-size:60px;padding:0}.contact-details{margin-top:30px}.contact-h1{font-size:50px}}@media only screen and (min-width: 768px) and (max-width: 1300px){.contact{padding:0}.contact-section{display:block;padding:20px}.contact-right{padding-top:50px}}.footer{margin-top:100px;display:flex;justify-content:space-between;align-items:center;border-top:2px solid white;padding:10px 20px}.footer-left p{font-size:20px;margin-top:15px;background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-menu{display:flex;align-items:center;text-align:center;list-style:none;gap:60px;font-size:20px;margin-top:10px}.footer-menu-item{color:#fff;transition-delay:.5s;transition:1s}.footer-menu-item:hover{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}.footer-link{color:#fff;text-decoration:none}@media only screen and (max-width: 768px){.footer-menu{display:none}.footer-left p{font-size:18px}}@media only screen and (min-width: 769px) and (max-width: 1100px){.footer-menu{display:none}}*{margin:0;padding:0}body{height:100vh;background-color:#000;color:#fff;font-family:outfit}