html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121212;color:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.navMenu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.navConnect{padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:24px;cursor:pointer;transition:.2s}.navConnect:hover{transform:scale(1.05)}.navMenu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.navMenu li img{display:flex;margin:auto}.navbar img{transition:.2s}.navbar img:hover{transform:scale(1.1)}.anchorLink{text-decoration:none;color:#fff}.openNav,.closeNav{display:none}@media (max-width: 768px){.navbar{margin:20px 50px}.navConnect{display:none}.openNav{display:block;position:fixed;right:30px;cursor:pointer}.closeNav{display:block;position:relative;top:30px;left:290px;width:30px;cursor:pointer}.navMenu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#2a2a2a;width:350px;height:100%;z-index:2;transition:right .5s;right:-400px}.navMenu li{font-size:3rem;padding-left:100px;flex-direction:row;gap:20px}}.hero{display:flex;align-items:center;flex-direction:column;gap:40px}.hero img{margin-top:150px}.hero h1{text-align:center;width:70%;font-size:80px}.hero h1 span{background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;text-align:center;font-size:24px;line-height:20pxm}.heroAction{display:flex;align-items:center;gap:25px;font-size:20px;margin-bottom:50px}.heroConnect,.heroResume,.heroGithub{padding:20px 45px;border-radius:50px;border:2px solid white;cursor:pointer;transition:.5s}.heroConnect:hover,.heroGithub:hover,.heroResume:hover{border-color:#b923e1;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%)}@media (max-width: 768px){.hero img{margin-top:120px;width:260px}.hero h1{font-size:5rem;width:90%;margin-top:50px}.hero p{width:60%;font-size:1.8rem;margin:10px 0}.heroAction{gap:15px;font-size:1.8rem;font-weight:500;margin-bottom:50px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.aboutTitle{position:relative}.aboutTitle h1{padding:0 30px;font-size:8rem;font-weight:700}.aboutTitle img{position:absolute;bottom:0;right:0;z-index:-1}.aboutSection{display:flex;gap:80px}.aboutRight{display:flex;flex-direction:column;gap:80px}.aboutParagraph{font-size:2.4rem;line-height:1.8rem;display:flex;flex-direction:column;gap:20px;font-weight:500}.aboutSkills{display:flex;flex-direction:column;gap:20px}.aboutSkill{display:flex;gap:50px;align-items:center;transition:.3s ease}.aboutSkill p{min-width:150px;font-size:2.4rem;font-weight:600}.aboutSkill hr{height:8px;border:none;border-radius:40px;outline:none;width:50%;background:linear-gradient(260deg,#df8908 -5.09%,#b415ff 106.28%)}.aboutAchievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.aboutAchievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s ease}.aboutAchievement h1{font-size:6rem;font-weight:700;background:linear-gradient(260deg,#df8908 -5.09%,#b415ff 106.28%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aboutAchievement p{font-size:2.4rem;font-weight:600}.aboutSkill:hover,.aboutAchievement:hover{transform:scale(1.05);transition:.3s ease}@media (max-width: 768px){.about{margin:50px 70px;gap:80px;align-items:start}.aboutTitle h1{font-size:5rem;padding:0}.aboutTitle img{width:130px;right:-20px}.aboutSection{flex-direction:column}.aboutLeft{display:none}.aboutParagraph{font-size:2rem;line-height:3.2rem}.aboutSkill{gap:20px;align-items:center}.aboutSkill p{font-size:2.5rem}.aboutSkill hr{height:6px}.aboutAchievements{justify-content:space-between}.aboutAchievement{gap:10px}.aboutAchievement h1{font-size:4rem}.aboutAchievement p{font-size:2rem;text-align:center}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:80px 170px}.contactTitle{position:relative}.contactTitle h1{padding:0 30px;font-size:8rem;font-weight:700}.contactTitle img{position:absolute;bottom:0;right:0;z-index:-1}.contactSection{display:flex;gap:150px}.contactLeft{display:flex;flex-direction:column;gap:30px}.contactLeft h1{font-size:8rem;font-weight:700;background:linear-gradient(260deg,#df8908 -5.09%,#b415ff 106.28%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contactLeft p{max-width:550px;font-size:2rem;line-height:25px}.contactDetails{display:flex;flex-direction:column;gap:30px;font-size:2.2rem}.contactDetial{display:flex;align-items:center;gap:20px}.contactRight{display:flex;flex-direction:column;align-items:start;gap:30px}.contactRight label{font-size:2.2rem;font-weight:500}.contactRight input{width:700px;height:80px;background-color:#3b3b3b;color:wheat;border:none;border-radius:8px;padding:25px;color:#fff;font-size:1.5rem}.contactRight textarea{width:700px;height:200px;background-color:#3b3b3b;color:wheat;border:none;border-radius:8px;padding:25px;color:#fff;font-size:1.5rem;resize:none}.contactSubmit{width:200px;height:60px;background:linear-gradient(260deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;color:#fff;font-size:2.2rem;font-weight:600;cursor:pointer;padding:20px 60px;margin-bottom:50px;transition:.3s ease}.contactSubmit:hover{transform:scale(1.05)}@media (max-width: 768px){.contact{margin:50px 70px;align-items:start;gap:50px}.contactTitle h1{font-size:5rem;padding:0;font-weight:600}.contactTitle img{width:130px;margin-right:-20px}.contactSection{flex-direction:column}.contactLeft h1{font-size:6rem}.contactLeft p{font-size:1.8rem}.contactDetail{gap:20px}.contactDetail img{width:25px}.contactRight label{font-size:20px}.contactRight input,.contactRight textarea{width:100%;font-size:2rem}.contactSubmit{font-size:2rem;padding:15px 40px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footerTop{display:flex;justify-content:space-between}.topLeftFooter p{font-size:2rem;max-width:400px}.topLeftFooter img{height:50px}.topRightFooter{display:flex;align-items:center;gap:40px}.footerEmail{display:flex;gap:30px;padding:20px 30px;border-radius:30px;background-color:#3b3b3b}.footerEmail input{outline:none;border:none;background:transparent;color:#fff;font-size:1.8rem}.footerEmail:hover{border:2px solid white}.subscribe{font-size:2rem;padding:20px 50px;border-radius:50px;background:linear-gradient(260deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer;transition:.3s}.subscribe:hover{transform:scale(1.05)}.footerBottom{display:flex;justify-content:space-between;font-size:1.8rem}.bottomRightFooter{display:flex;gap:50px;margin-bottom:50px}@media (max-width: 768px){.footer{margin:50px 70px}.footerTop{flex-direction:column;gap:50px}.footerBottom{display:flex;flex-direction:column-reverse;margin-bottom:50px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.projectsTitle{position:relative}.projectsTitle h1{padding:0 30px;font-size:8rem;font-weight:700}.projectsTitle img{position:absolute;bottom:0;right:0;z-index:-1}.projectsFormat{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:10px;border:2px solid white;transition:.4s;cursor:pointer}.projectsContainer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:80px}.projectsFormat h3{font-size:2.8rem;font-weight:600}.projectsFormat h2{font-size:3.8rem;font-weight:800;background:linear-gradient(260deg,#df8908 50.09%,#b415ff 106.28%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projectsFormat p{max-width:300px;font-size:2.4rem;line-height:40px;color:#ccc}.readMore{display:flex;gap:20px;align-items:center;margin-top:20px}.projectsFormat:hover{border:2px solid #b415ff;box-shadow:0 0 20px #b415ff66;transform:scale(1.07)}@media (max-width: 768px){.projects{margin:20px 70px;align-items:start;gap:70px}.projectsTitle h1{font-size:5rem;padding:0}.projectsTitle img{width:130px;margin-right:-20px}.projectsFormat{padding:30px;gap:40px}.projectsFormat h2{font-size:3rem}.projectsFormat p{font-size:2rem;line-height:32px;max-width:300px}.readMore img{width:20px}.projectsContainer{grid-template-columns:1fr 1fr}}