*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:Montserrat,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.nav-logo{margin-top:10px;width:60px;height:60px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.96%);font-size:22px;cursor:pointer}.nav-connect:hover{transform:scale(1.05)}.nav-menu li{gap:5px;position:relative;padding-bottom:5px;transition:color .3s ease-in-out;cursor:pointer}.nav-menu li p:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.96%);transition:width .3s ease-in-out,left .3s ease-in-out;transform:translate(-50%)}.nav-menu li p:hover:after{width:100%;left:50%;transform:translate(-50%)}.anchor-link{text-decoration:none;color:#fff}.nav-mob-close,.nav-mob-open{display:none}@media (max-width:768px){.navbar{margin:20px 50px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px;cursor:pointer}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#1f0016;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}}.Header{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;margin:auto;gap:35px;padding:20px}.round-image{width:300px;height:300px;border-radius:50%;object-fit:cover}.Header img{margin-top:100px;width:100%;max-width:300px}.Header h1{text-align:center;width:80%;font-size:60px;font-weight:600;margin:0}.Header h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Header p{width:80%;text-align:center;font-size:24px;line-height:40px;margin:10px 0}.Header-action{display:flex;justify-content:center;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px;flex-wrap:wrap}.Header-connect,.Header-resume{padding:25px 45px;border-radius:50px;cursor:pointer;text-align:center;font-size:18px}.Header-connect{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);color:#fff;border:none}.Header-connect:hover{border:2px solid white}.Header-resume{border:2px solid white;color:#fff;background:transparent}.Header-resume:hover{border-color:#df8908}.Header-resume a{text-decoration:none;color:#fff}@media (max-width: 768px){.Header{max-width:100%;padding:15px}.Header img{margin-top:120px;width:80%;max-width:290px}.Header h1{margin-top:30px;width:92%;font-size:40px}.Header p{width:90%;font-size:18px;line-height:32px;margin:10px 0}.Header-action{gap:16px;font-size:18px;margin-bottom:40px}.Header-connect,.Header-resume{padding:15px 30px;border-radius:40px;font-size:16px}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.About{display:flex;flex-direction:column;gap:80px;margin:80px 10%}.about-title{position:relative;padding:0 30px;margin-bottom:20px;font-size:30px}.about-title h1{font-size:36px;text-align:center}.about-title p{display:flex;flex-direction:column;padding-top:20px;line-height:40px;font-size:22px;text-align:center}.about-skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;justify-content:center;align-items:center}.progressbar-container{width:100%;max-width:180px;height:auto;font-weight:600;color:#fff;padding:1px 20px;text-align:center}@media (max-width: 768px){.About{margin:40px 5%;gap:40px}.about-title{padding:0 15px}.about-title h1{font-size:28px}.about-title p{font-size:18px;line-height:28px}.about-skills{gap:20px}.progressbar-container{max-width:150px}}.achievements{display:flex;flex-direction:column;justify-content:center;gap:88px;margin:80px 10%}.achievements-title{position:relative}.achievements-title h1{padding:0 30px;font-size:60px;text-align:center}.achievements-format{display:flex;flex-direction:column;justify-content:start;gap:20px;padding:60px;border-radius:10px;border:2px solid white;transform:.4s;cursor:pointer}.achievements-format img{width:100%;max-width:300px;height:auto;object-fit:contain;border-radius:10px}.achievements-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-bottom:80px}.achievements-format h3{font-size:28px;background:linear-gradient(270deg,#df8908 50%,#b415ff 100.26%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.achievements-format p{color:#d4d4d4;font-size:22px;line-height:40px}.achievements-details{display:flex;flex-direction:column;font-size:22px;gap:20px}.achievements-format:hover{border:2px solid #ff00ff;background-image:linear-gradient(45deg,#3f0028,#582300);transform:scale(1.05);transition:.4s}.showmore{display:flex;margin:0 auto 40px;justify-content:center;gap:5px;border-radius:50px;border:2px solid #ffffff;padding:30px 60px;cursor:pointer}.showmore p{align-items:center;font-size:22px}.showmore:hover{gap:30px;transform:scale(1.05);transition:.5s}@media (max-width: 768px){.achievements{margin:40px 5%}.achievements-title h1{font-size:40px}.achievements-format{padding:25px}.achievements-format h3{font-size:20px}.achievements-format p{font-size:16px;line-height:30px}.achievements-details{font-size:16px}.showmore{padding:18px 35px;font-size:14px}.showmore p{font-size:16px}}.myprojects-container{display:flex;flex-direction:column;justify-content:center;gap:88px;margin:80px 10%}.myproject-title{position:relative}.myproject-title h2{padding:0 30px;font-size:60px;text-align:center}.projects-list{display:flex;flex-direction:column;justify-content:start;gap:20px;padding:20px;transition:.4s;cursor:pointer}.project-card{border:2px solid white;border-radius:10px;transition:.4s}.project-card:hover{border:2px solid #ff00ff;transform:scale(1.05)}.project-content{padding:20px;display:grid;gap:40px;margin-bottom:40px}.project-content img{margin-left:10px;margin-bottom:10px;width:100%;max-width:400px;height:auto;border-radius:10px;object-fit:contain}.project-content h3{margin-top:10px;margin-left:10px;font-size:28px;background:linear-gradient(270deg,#df8908 50%,#b415ff 100.26%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-content p{margin-left:10px;color:#d4d4d4;font-size:22px;line-height:40px}.project-media{display:flex;align-items:center;gap:40px}.github-icon1{color:#df8908;width:40px;height:40px}.project-showmore{display:flex;justify-content:center;align-items:center;gap:15px;margin:0 auto 80px;border-radius:50px;border:2px solid #ffffff;padding:30px 60px;cursor:pointer;font-size:22px;font-weight:500}.project-showmore:hover{gap:30px;transform:scale(1.05);transition:.5s}@media (max-width: 768px){.myprojects-container{margin:40px 5%}.myproject-title h2{font-size:40px}.projects-list{padding:10px}.project-card{padding:15px}.project-content{gap:20px}.project-content h3{font-size:24px}.project-content p{font-size:18px;line-height:28px}.project-media{gap:20px}.project-showmore{padding:20px 40px;font-size:18px}}.Contact{display:flex;flex-direction:column;gap:80px;margin:80px 10%}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;text-align:center}.contact-section{display:flex;gap:150px;margin-left:40px;flex-wrap:wrap}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:60px;background:linear-gradient(270deg,#df8908 80%,#b415ff 100.56%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#d8d8d8;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#d8d8d8;font-size:22px}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Montserrat;font-size:20px}.contact-right textarea{width:650px;border:none;padding:25px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Montserrat;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 100.96%);font-size:22px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}.contact-detail:hover .icon{color:#b415ff}.error{color:red;font-size:14px;margin-top:5px}@media (max-width: 768px){.Contact{gap:50px;margin:50px 5%}.contact-title h1{padding:0;font-size:50px}.contact-section{flex-direction:column;align-items:start}.contact-left h1{font-size:50px}.contact-left p{font-size:16px}.contact-detail{gap:20px}.contact-right label{font-size:16px}.contact-right input,.contact-right textarea{width:100%;font-size:16px}.contact-submit{font-size:16px;padding:15px 40px}.footer-container{color:#fff;text-align:center;padding:65px 0;font-size:14px;position:relative;bottom:0;width:100%}.social-icons{display:flex;justify-content:center;gap:25px;margin-bottom:10px}.icon{color:#df8908;font-size:39px;transition:transform .2s ease-in-out,color .3s ease-in-out;cursor:pointer}.icon:hover{transform:scale(1.2)}.github-icon:hover,.linkedin-icon:hover,.facebook-icon:hover,.instagram-icon:hover{color:#b415ff}.copyright{font-size:19px;opacity:.7}.footer-container{margin:30px 20px;padding:40px 0}.social-icons{gap:15px;margin-bottom:15px}.icon{font-size:40px}.copyright{font-size:16px;opacity:.8}}