*{margin:0}html{scroll-behavior:smooth}body{height:100vh;font-family:Poppins,sans-serif;background-color:#edecf1;color:#fff;font-family:outfit}.navbar{background-color:#1e141e;position:fixed;top:0;width:100%;z-index:100}section{min-height:100vh;scroll-margin-top:80px}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:20px;width:100%}.navbar-menu{display:flex;align-items:center;list-style:none;gap:40px;font-size:16px}.navbar-menu a{color:#fff;cursor:pointer;transition:.5s;text-decoration:none}.navbar-menu a:hover{color:#00ffe5;transition:.3s;text-decoration:underline;font-size:20px}.navbar-menu a.active{color:#00ffe5;font-weight:500;text-decoration:underline;font-size:20px}.nav-connect{padding:12px 20px;border-radius:12px;background:linear-gradient(267deg,#ff6a00,#00e4e8);font-size:16px;color:#fff;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05);background:linear-gradient(267deg,#1b896e,#00e4e8);color:#fff}.hero{padding:40px;margin-top:100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;color:#1e141e;cursor:default}.hero h1{font-size:2rem;font-weight:700;color:#3c2724}.hero img{margin-top:8%;width:200px;height:200px;border-radius:50%;object-fit:cover}.hero h2{font-size:2.5rem;font-weight:700;color:#5e4443;margin-bottom:3%}.hero h2 span{background:linear-gradient(270deg,#ff6a00,#00e4e8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;line-height:32px;color:#3c2724}.hero-action{display:flex;align-items:center;gap:20px;font-size:20px;font-weight:500;margin:40px}.hero-connect{padding:12px 20px;border-radius:12px;background:linear-gradient(267deg,#ff6a00,#00e4e8);font-size:16px;color:#fff;cursor:pointer;transition:.5s}.hero-connect:hover{transform:scale(1.05);background:linear-gradient(267deg,#1b896e,#00e4e8);color:#fff}.hero-resume{padding:12px 20px;border-radius:12px;background-color:#1e141e;color:#fff;font-size:16px;cursor:pointer;transition:.5s}.hero-resume:hover{transform:scale(1.05);background-color:#5e4443;color:#dcdcdc}.about{padding:20px 40px;display:flex;align-items:center;justify-content:center;color:#1e141e;gap:20px;flex-direction:column;cursor:default}.about-title{font-size:32px;font-weight:700;color:#3c2724;margin-bottom:40px}.about-section{display:flex;gap:40px;justify-content:space-between}.about-left img{width:600px;object-fit:cover}.about-right{display:flex;flex-direction:column;gap:40px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:18px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;align-items:center;gap:20px;font-size:16px;cursor:default;transition:.3s}.about-skill p{min-width:150px;font-size:20px;font-weight:600}.about-skill hr{height:5px;width:50%;border:none;border-radius:20px;outline:none;background:linear-gradient(90deg,#00e4e8,#ff6a00)}.about-skill:hover{transform:scale(1.025);width:100%;transition:.3s}.about-achievements{display:flex;width:100%;justify-content:space-around;margin:60px 0}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:16px;transition:.3s}.about-achievement:hover{transform:scale(1.05);transition:.3s}.about-achievement h1{font-size:40px;font-weight:700;background:linear-gradient(270deg,#ff6a00,#00e4e8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:16px;font-weight:600;color:#3c2724}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20vh;cursor:default}.services-title{font-size:32px;font-weight:700;color:#3c2724;margin-bottom:40px}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px;border-radius:20px;border:2px solid #5E4443;color:#3c2724;cursor:pointer;transition:.3s}.services-format:hover{transform:scale(1.05);background-color:#fff}.services-format h2{font-size:24px;font-weight:700;color:#5e4443}.services-format p{font-size:16px;line-height:24px;max-width:300px}.services-format h3{font-size:28px;font-weight:700;background:linear-gradient(270deg,#3c2724,#ff6a00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:40px}.services-readmore{display:flex;align-items:center;justify-content:center;padding:8px 0;border-radius:12px;background:linear-gradient(267deg,#ff6a00,#00e4e8);font-size:16px;color:#fff;cursor:pointer;transition:.5s}.services-readmore:hover{transform:scale(1.05);color:#fff;background:linear-gradient(267deg,#1b896e,#00e4e8)}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;gap:40px;color:#1e141e;cursor:default}.mywork-title{font-size:32px;font-weight:700;color:#3c2724}.mywork-subtitle{font-size:24px;font-weight:500;color:#3c2724}.marquee-container{width:100%;overflow:hidden;position:relative;padding:20px 0}.marquee-track{display:flex;gap:80px;width:fit-content;animation:scroll 40s linear infinite}.mywork-item{padding:12px;border-radius:20px;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#00e4e8,#3c2724) border-box;display:flex;justify-content:center;align-items:center;transition:.3s;cursor:pointer}.mywork-item:hover{border:3px solid #00E4E8;transform:scale(1.05)}.mywork-item img{width:200px;display:block;border-radius:12px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px 80px;cursor:default}.contact-title{font-size:32px;font-weight:700;color:#3c2724;margin-bottom:20px}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:16px}.contact-left h1{font-size:32px;font-weight:700;background:linear-gradient(267deg,#ff6a00 80%,#00e4e8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left h4{font-size:20px;font-weight:600;color:#1e141e}.contact-left p{font-size:18px;font-weight:400;color:#1e141e;max-width:500px;line-height:32px}.contact-details{display:flex;flex-direction:column;gap:10px;color:#1e141e;margin-top:20px}.contact-detail{display:flex;align-items:center;gap:10px}.contact-detail img{width:28px}.contact-detail p{font-size:16px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:12px}.contact-right label{font-size:16px;font-weight:600;color:#1e141e;margin-top:8px}.contact-right input,.contact-right textarea{width:100%;padding:12px;border-radius:8px;border:none;background-color:#fff;color:#1e141e;font-family:Outfit;font-size:16px;border:2px solid transparent}.contact-right input:focus,.contact-right textarea:focus{outline:none;border:2px solid #00E4E8}.contact-right input:hover,.contact-right textarea:hover{border:2px solid #00E4E8}.contact-right button{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(267deg,#ff6a00,#00e4e8);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.contact-right button:hover{transform:scale(1.05);background:linear-gradient(267deg,#00e4e8,#1b896e)}.footer{background-color:#1e141e;color:#fff;padding:20px;text-align:center;flex-direction:column;gap:20px}