.portfolio{max-width:1800px;margin:0 auto;padding:0 20px}.navbar{display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:0 auto;padding:0 20px}.img{width:200px;height:80px;transform:translate(-40px,-20px)}.nav-menu{display:flex;align-items:center;list-style:none;gap:50px;font-size:16px}.nav-menu li:hover{color:violet;cursor:pointer}.nav-connect{margin:30px 0;padding:15px 25px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.01%);font-size:15px;cursor:pointer;transition:.2s}.nav-connect:hover{transform:scale(1.05)}.anchor-link{text-decoration:none;color:#fff}.nav-close,.nav-open{display:none}@media (max-width: 768px){.navbar{margin:20px auto;padding:0 20px}.nav-connect{display:none}.nav-open{width:30px;height:30px;display:block;position:fixed;right:30px;top:30px}.nav-close{width:30px;height:30px;display:block;position:absolute;top:30px;left:200px}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;top:0;right:-350px;background-color:#202020;width:250px;height:100%;gap:30px;z-index:2;transition:right .5s ease-in-out;padding-top:60px}.nav-menu li{font-size:30px;padding-left:30px;display:flex;gap:20px}}@media (max-width: 430px){.img{width:170px;height:70px;transform:translate(-40px,-20px)}.navbar{margin:10px auto;padding:0 10px}.nav-open{width:25px;height:25px;display:block;position:fixed;right:20px;top:20px}.nav-close{width:25px;height:25px;display:block;position:absolute;top:20px;left:130px}.nav-menu li{font-size:20px;padding-left:20px;display:flex;gap:10px}.nav-menu{width:180px}}.Hero{display:flex;align-items:center;flex-direction:column;gap:40px}.Hero img{margin-top:20px;width:250px;height:250px;border-radius:50%;object-fit:cover}.Hero h1{text-align:center;width:50%;font-size:50px}.Hero h1 span{background:linear-gradient(270deg,#ff6fd8 10%,#3813c2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Hero p{width:70%;text-align:center;font-size:20px;line-height:30px}.Hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.Hero-connect{padding:15px 25px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.01%);cursor:pointer}.Hero-resume a{color:#fff;text-decoration:none;padding:15px 25px;border-radius:50px;border:2px solid white;cursor:pointer}.Hero-connect:hover{border:2px solid white}.Hero-resume a:hover{border:2px solid #b415ff}@media (max-width: 768px){.Hero{margin-right:0;padding-right:0}.Hero img{margin-top:80px;width:260px;height:300px}.Hero h1{margin-top:50px;width:90%;font-size:50px}.Hero p{width:70%;font-size:18px;line-height:32px;margin:10px 0}.Hero-action{gap:18px;font-size:18px;font-weight:500;margin-bottom:50px}.Hero-connect,.Hero-resume{padding:20px 15px;border-radius:40px}}@media (max-width: 430px){.Hero{gap:20px}.Hero img{margin-top:20px;width:200px;height:200px}.Hero h1{margin-top:20px;width:93%;font-size:35px}.Hero p{width:80%;font-size:16px;line-height:25px;margin:10px 0}.Hero-action{gap:12px;font-size:14px;font-weight:500;margin-bottom:50px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:80px 130px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:60px;font-weight:600}.about-sections{display:flex;gap:80px}.about-right{display:flex;flex-direction:column;gap:80px}.about-para p{display:flex;flex-direction:column;gap:30px;font-size:18px;font-weight:500;line-height:30px}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:10px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:18px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:6px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.01%)}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:40px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement h1{font-size:40px;background:linear-gradient(270deg,#ff6fd8 10%,#3813c2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:15px;font-weight:500}.about-achievement:hover{transform:scale(1.12);transition:.5s}@media (max-width: 768px){.about{gap:60px;margin:50px 70px;align-items:center}.about-title h1{font-size:50px;padding:0}.about-sections{flex-direction:column}.about-left{display:none}.about-para p{font-size:16px;line-height:32px;text-align:center}.about-skill{gap:20px;align-items:center}.about-skill p{font-size:18px}.about-skill hr{height:6px}.about-achievements{justify-content:space-between}.about-achievements{gap:30px}.about-achievement{gap:20px}.about-achievement h1{font-size:34px;font-weight:700}.about-achievement p{text-align:center;font-size:15px}}@media (max-width: 430px){.about{gap:20px;margin:30px 20px 80px;align-items:center}.about-title h1{font-size:40px;padding:0}.about-para p{font-size:16px;line-height:25px;margin:10px 0}.about-skill{gap:0px;align-items:center}.about-skill p{font-size:16px}.about-skill hr{height:3px}.about-right{gap:30px}.about-achievements{justify-content:space-between}.about-achievement{gap:8px}.about-achievement h1{font-size:24px;font-weight:700}.about-achievement p{text-align:center;font-size:12px}}.techstack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:80px 130px 150px}.techstack-title{position:relative}.techstack-title h1{padding:0 30px;font-size:60px;font-weight:600;display:flex;flex-direction:column;align-items:center}.techstack-title p{padding:20px;color:#a9a9a9;font-size:20px}.techstack-container{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;justify-items:center;width:"40px"}.tech-card{width:450px;height:230px;padding:15px 30px;border-radius:20px;box-shadow:1px 1px 10px 4px #483d8b;align-items:center}.tech-card:hover{transform:scale(1.02);transition:.3s}.tech-title{text-align:center;font-size:40px;font-weight:700;margin-bottom:20px;background:linear-gradient(270deg,#ff6fd8 10%,#3813c2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-skills-row{padding:5px 30px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.skill-pill{display:flex;align-items:center;gap:8px;font-size:18px;border:1px solid #404040;padding:5px;border-radius:10px;color:#181818}.skill-icon{font-size:30px}.skill-pill:hover{transition:transform .2s ease;transform:scale(1.05)}.skill-label{color:#a9a9a9}@media (max-width: 768px){.techstack{gap:30px;margin:50px 70px 100px;align-items:center}.techstack-title h1{font-size:50px;font-weight:600}.techstack-title p{font-size:18px;line-height:32px;text-align:center}.techstack-container{gap:30px}.tech-card{width:290px;height:180px}.tech-title{font-size:25px;margin-bottom:5px}.tech-skills-row{padding:5px 15px}.skill-pill{font-size:16px}.skill-label{font-size:12px}.skill-icon{font-size:18px}}@media (max-width: 430px){.techstack{gap:30px;margin:30px 20px 90px;align-items:center}.techstack-title h1{font-size:40px;font-weight:600}.techstack-title p{font-size:16px;line-height:25px}.techstack-container{gap:15px}.tech-card{width:160px;height:180px;box-shadow:1px 1px 1px 2px #483d8b;padding:15px 10px}.tech-title{font-size:22px}.tech-skills-row{padding:5px}.skill-pill{font-size:12px}.skill-label{font-size:8px}.skill-icon{font-size:10px}}.certifications{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:80px 130px 100px}.certificates-title{display:flex;flex-direction:column;align-items:center}.certificates-title h1{font-size:60px;font-weight:600;margin-bottom:30px}.certificates-title p{line-height:30px;text-align:center;color:#a9a9a9;font-size:20px}.certification img{height:200px;width:300px;gap:20px;padding:20px;image-align:center;position:realtive}.certification img:hover{transform:scale(1.08);transition:.5s}@media (max-width: 768px){.certifications{gap:60px;margin:50px 70px;align-items:center}.certificates-title h1{font-size:50px}.certificates-title p{font-size:16px}.certification{width:90%;align-items:center}.certification img{height:200px;width:250px;padding:20px;justify-content:center;align-items:center}}@media (max-width: 430px){.certifications{gap:30px;margin:30px 20px 80px;align-items:center}.certificates-title h1{font-size:40px;margin-bottom:20px}.certificates-title p{font-size:16px;line-height:25px}.certification{width:83%;align-items:center}.certification img{height:200px;width:250px;padding:20px;justify-content:center;align-items:center}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:80px 130px 150px}.project-title{position:relative;text-align:center}.project-title h1{font-size:60px;font-weight:700;margin-bottom:40px}.project-title p{font-size:20px;color:#a9a9a9;line-height:30px}.project{display:flex;align-items:center}.project-container{display:flex;flex-direction:column;align-items:center;width:420px;height:450px;border-radius:10px;gap:15px;padding:15px 10px;background-color:#282828;margin:20px}.project-container h1{font-size:28px;font-weight:700;text-align:center}.project-container p{margin:0 20px;color:#a9a9a9;text-align:start;font-size:16px}.project-container img{width:350px;height:200px;border-radius:10px}.project-container img:hover{pointer:curser;transform:scale(1.02);transition:.5s}.button{margin:20px;cursor:pointer;padding:15px 25px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.01%);font-size:20px}.button a{text-decoration:none;color:#fff}.button:hover{border:2px solid white}.button1{cursor:pointer;padding:15px 25px;border-radius:50px;background:linear-gradient(270deg,#ff6fd8 10%,#3813c2);font-size:20px}.button1 a{color:#fff;text-decoration:none}.button1:hover{border:2px solid white}@media (max-width: 768px){.projects{gap:30px;margin:50px 70px;align-items:center}.project-title h1{font-size:50px}.project-title p{font-size:18px}.project-container{width:270px;height:380px;margin:10px}.project-container img{width:250px;height:180px}.project-container h1{font-size:18px}.project-container p{font-size:14px}.button,.button1{font-size:16px;padding:10px 15px;margin:10px;border:none}}@media (max-width: 430px){.projects{gap:30px;margin:30px 20px 80px;align-items:center}.project-title h1{font-size:40px;margin-bottom:20px}.project-title p{font-size:16px;line-height:25px}.project{display:flex;flex-direction:column;align-items:center;gap:20px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 130px 150px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;font-weight:600}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:50px;font-weight:700;background:linear-gradient(267deg,#da7c25 20%,#b923e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;line-height:25px;font-size:16px;color:#d8d8d8}.contact-details{display:flex;flex-direction:column;gap:30px;font-size:20px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-detail a{text-decoration:none;font-size:16px;color:#d8d8d8}.contact-detail img{height:30px;width:30px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#d8d8d8;font-size:20px;font-weight:500}.contact-right input{border:none;width:400px;height:48px;background:#303030;padding-left:20px;color:#909090;font-size:18px;border-radius:4px;font-family:outfit}.contact-right textarea{border:none;width:370px;padding:15px 20px;border-radius:4px;background:#303030;color:#909090;font-family:outfit;font-size:18px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.01%);font-size:18px;padding:15px 25px;margin-bottom:50px;cursor:pointer}.contact-submit:hover{transform:scale(1.05);transition:.3s}@media (max-width: 768px){.contact{gap:60px;margin:50px 70px;align-items:center}.contact-title h1{font-size:50px;padding:0;font-weight:600}.contact-section{flex-direction:column}.contact-left h1{font-size:40px}.contact-left p{font-size:14px}.contact-detail{gap:20px;font-size:10px}.contact-right label{font-size:16px}.contact-right input{width:100%;font-size:16px}.contact-right textarea{width:95%;font-size:16px}.contact-submit{font-size:18px;padding:15px 40px}}@media (max-width: 430px){.contact{gap:30px;margin:30px 20px;align-items:center}.contact-title h1{font-size:40px}.contact-left h1{font-size:30px}.contact-left p,.contact-detail a{font-size:14px}.contact-section{gap:90px}.contact-right label{font-size:14px}.contact-right input{width:100%;font-size:14px}.contact-right textarea{width:95%;font-size:14px}.contact-submit{font-size:14px;padding:15px 30px}}.footer{display:flex;flex-direction:column;background:#181818;align-items:center;padding:20px 40px;gap:30px;width:100%;box-sizing:border-box}.footer-hero{position:relative}.footer-hero h1{font-size:34px;font-weight:700}.footer-navbar{display:flex;align-items:center;list-style:none;gap:20px;font-size:18px}.footer-connection img{width:60px;height:60px;padding:10px}.footer hr{width:100vw;margin:0;border:none;border-top:1px solid #444}.footer-bottom p{font-size:16px;margin-top:-20px}@media (max-width: 768px){.footer-hero h1{font-size:24px;font-weight:700}.footer-navbar{font-size:16px}.footer-connection img{width:50px;height:50px;padding:10px}.footer-bottom p{font-size:14px}}@media (max-width: 430px){.footer{padding:20px 20px 10px}.footer-hero h1{font-size:20px;font-weight:700}.footer-navbar{font-size:12px}.footer-connection img{width:50px;height:50px;padding:10px}.footer-bottom p{font-size:10px}.footer-bottom{height:px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100vw;min-height:100vh;background:#000;color:#fff;font-family:Outfit,sans-serif;overflow-x:hidden}