.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 150px}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-connect{padding:10px 20px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);font-size:22px;cursor:pointer;transition:.5s}.nav-connect:hover{transform:scale(1.05)}.logo{width:20%;margin-right:20px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu .underline{height:2px;background-color:#fff;width:100%}.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}.nav-mob-close{display:block;position:absolute;top:30px;right:30px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:center;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}}.hero{display:flex;align-items:center;gap:50px;justify-content:center;flex-wrap:wrap;padding:20px;text-align:center}.hero img{margin:50px;max-width:100%;height:auto}.hero-main{max-width:600px}.hero h1{font-size:2rem;font-weight:400;margin-bottom:20px}.hero h1 span{display:block;font-size:3rem;font-weight:600;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.hero-action{display:flex;align-items:center;justify-content:center}.hero-resume{padding:10px 20px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);cursor:pointer;margin-top:20px;transition:transform .3s,border .3s}.hero-resume a{font-size:1em;font-weight:500;text-decoration:none;color:#fff}.hero-resume:hover{transform:scale(1.05);border:2px solid white}@media (max-width: 768px){.hero img{margin:20px 0;width:50%}.hero h1{font-size:1.5rem;width:100%}.hero h1 span{font-size:2rem}.hero-resume{width:100%;padding:15px 0}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:85px 20px;text-align:center}.about-title{font-size:30px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-section{display:flex;gap:80px;flex-wrap:wrap;justify-content:center}.about-right{display:flex;flex-direction:column;gap:20px;max-width:600px}.about-para{font-size:18px;font-weight:300}.about-para b{background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-left img{width:250px;max-width:100%;height:auto}@media (max-width: 768px){.about{margin:50px 10px;gap:40px;align-items:flex-start}.about-title{font-size:24px}.about-section{flex-direction:column;gap:40px}.about-right{gap:20px;font-size:16px;line-height:1.5}.about-left{display:none}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:50px 16px}.contact-title{position:relative;font-size:1.8em;padding:0 30px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-detail a{display:flex;text-decoration:none;gap:20px}.contact-detail p{color:#fff}.contact-section{display:flex;gap:40px}.contact-left{display:flex;flex-direction:column;align-items:center;text-align:center}.contact-details{display:flex;flex-direction:column;gap:20px;color:#d8d8d8;font-size:18px;padding-top:20px}.contact-detail{display:flex;gap:15px;align-items:center}.contact-right{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.contact-right label{color:#d8d8d8;font-size:18px;font-weight:500}.contact-right input,.contact-right textarea{border:none;width:100%;max-width:600px;padding:10px;border-radius:4px;background:#34343c;color:#a0a0a0;font-family:outfit;font-size:18px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.02%);font-size:18px;padding:10px 20px;font-weight:300;cursor:pointer;transition:transform .3s}.contact-submit:hover{transform:scale(1.1)}@media (max-width: 768px){.contact{margin:20px 16px}.contact-title{font-size:28px}.contact-detail a{gap:10px}.contact-detail p{font-size:16px}.contact-section{flex-direction:column;gap:20px}.contact-left{text-align:left;align-items:flex-start}.contact-right input,.contact-right textarea{max-width:100%}.contact-right label{font-size:16px}.contact-submit{font-size:16px;padding:10px 20px}}@media (max-width: 480px){.contact{margin:10px 8px}.contact-title{font-size:24px}.contact-detail a{gap:8px}.contact-detail p{font-size:14px}.contact-section{gap:10px}.contact-left{text-align:left;align-items:flex-start}.contact-right input,.contact-right textarea{max-width:100%}.contact-right label{font-size:14px}.contact-submit{font-size:14px;padding:8px 16px}}.footer{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#34343c;color:#000;text-align:center}.footer-social{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer-social a img{width:30px;height:30px}.footer-nav{display:flex;gap:20px;margin-bottom:10px}.footer-nav a{text-decoration:none;font-size:14px;color:#999;transition:color .3s}.footer-nav a:hover{color:#fff}.footer-bottom{font-size:14px;color:#999}hr{width:100%;border:.5px solid #ddd;margin:20px 0}.portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;padding:16px;margin:50px 160px}.card{position:relative;width:100%;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .3s ease-in-out}.card:hover{transform:scale(1.05)}.card-content{margin:10px;border-radius:10px;position:relative;background-color:#fff;justify-content:center;text-align:center}.card-image{width:100%;display:block;transition:opacity .3s ease-in-out}.card:hover .card-image{opacity:.5}.card-text{padding:16px;color:#000}.card-category{font-size:18px;color:#888}.card-title{font-size:24px;margin:8px 0}.card-description{font-size:14px;color:#444}.card-hover{position:absolute;top:0;left:0;width:100%;height:60%;display:flex;justify-content:center;align-items:center;gap:20px;opacity:0;transition:opacity .3s ease-in-out}.card:hover .card-hover{opacity:1}.icon{width:30px;height:30px;transition:transform .3s ease-in-out}.icon:hover{transform:scale(1.2)}h2{text-align:center;margin-top:20px;font-size:3em;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.portfolio{margin:20px 30px}.card-category{font-size:16px}.card-title{font-size:20px}.card-description{font-size:12px}.icon{width:25px;height:25px}h2{font-size:28px}}@media (max-width: 480px){.portfolio{margin:10px 5px}.card-category{font-size:14px}.card-title{font-size:18px}.card-description{font-size:10px}.icon{width:20px;height:20px}h2{font-size:24px}}.Skills{display:flex;flex-direction:column;align-items:center;margin:50px 20px}.heading{font-size:3em;text-align:center;margin-bottom:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.content{display:flex;width:80%;gap:10%}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1}.skill{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0}.skill p{margin-top:5px}.skill-icon{width:60px;height:60px;border-radius:50%;background-color:#fff;padding:10px;box-shadow:0 0 10px #ebe7e71a;transition:transform .3s ease}.skill-icon:hover{transform:scale(1.1)}.skill-icon img{width:100%;height:auto}.experience{display:flex;flex-direction:column;gap:5px;flex:1;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.experience-item{width:70%;text-decoration:none;color:#fff}.experience-item div{padding:10px;border-radius:5px;transition:background .3s ease}.experience-item:hover div{background-color:#e0e0e0;color:#000}.title{font-size:1.2em;margin-bottom:5px}.company{font-size:1em;color:gray}@media (max-width: 768px){.heading{font-size:2em}.content{flex-direction:column;align-items:center;gap:30px}.skills{grid-template-columns:repeat(auto-fill,minmax(80px,1fr 1fr 1fr));gap:15px;justify-content:center}.skill-icon{width:50px;height:50px}.experience{width:100%;text-align:center;padding:10px;justify-content:center}}*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}