*{margin:0;padding:0}body{height:100vh;color:#fff;font-family:outfit}html{font-size:16px;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{margin:0;font-family:Arial,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;height:100px;width:100%;padding:0 20px;border-bottom:1px solid lightslategray;background:linear-gradient(60deg,#3a1c71,#d76d77,#ffaf7b);position:fixed;top:0;left:0;z-index:1000}.profile{height:60px;width:60px;border-radius:50%}.profile-pic{height:100%;width:100%;border-radius:50%;object-fit:cover}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;font-size:18px}.menu-items{padding:10px 20px;border-radius:8px;cursor:pointer;transition:transform .3s ease-in-out;position:relative;text-decoration:none;color:#fff;font-weight:600;font-size:20px}.menu-items:hover{transform:scale(1.1)}.menu-items:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);transition:width .3s ease-in-out}.menu-items:hover:after{width:100%}.nav-connect{padding:10px 20px;border-radius:10px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:20px;font-weight:700;cursor:pointer;transition:.3s ease-in-out;color:#fff}.nav-connect:hover{transform:scale(1.1);background:linear-gradient(267deg,#b923e1 .36%,#da7c25 102.06%)}.nav-mob-open,.nav-mob-close{display:none;width:40px;cursor:pointer}@media (max-width: 1024px){.nav-menu{gap:20px}}@media (max-width: 768px){.nav-menu{flex-direction:column;position:fixed;top:0;right:-100%;width:250px;height:100vh;background-color:#1f0016;padding-top:50px;transition:right .5s}.nav-menu.active{right:0}.nav-mob-open,.nav-mob-close{display:block;position:absolute;top:20px;right:20px}.nav-connect{display:none}}@media (max-width: 480px){.navbar{padding:0 10px}.menu-items{font-size:16px}.nav-menu{flex-direction:column;position:fixed;top:0;right:-100%;width:150px;height:500px;background-color:#1f0016;padding-top:50px;transition:right .5s}.nav-mob-close{font-size:30px;display:block;position:absolute;top:20px;right:20px;height:30px;width:30px}.nav-mob-open{font-size:30px;display:block;position:absolute;top:20px;right:20px}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px;text-align:center}.hero img{margin-top:150px;height:300px;width:300px;border-radius:50%;box-shadow:0 10px 10px #cfcfd199}.hero h1{width:70%;font-size:60px;font-weight:900}.hero h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:50%;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-connect{padding:25px 45px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 100.27%);cursor:pointer;transition:.3s ease-in-out}.hero-connect:hover{border:2px solid white}.hero-resume{padding:25px 75px;border-radius:50px;border:2px solid #FFF;cursor:pointer;transition:.3s ease-in-out}.hero-resume:hover{border-color:#b415ff}a{text-decoration:none;color:#fff}@media (max-width: 1024px){.hero img{margin-top:120px;height:250px;width:250px}.hero h1{font-size:70px;width:80%}.hero p{width:60%;font-size:20px;line-height:36px}.hero-action{gap:20px;font-size:20px}.hero-connect,.hero-resume{padding:20px 40px;font-size:18px}}@media (max-width: 768px){.hero{margin-top:100px;width:100%;gap:25px}.hero img{height:200px;width:200px}.hero h1{font-size:50px;width:90%}.hero p{width:75%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{gap:16px;font-size:18px;font-weight:400}.hero-connect,.hero-resume{padding:18px 30px;font-size:16px;border-radius:40px}}@media (max-width: 480px){.hero{margin-top:80px}.hero img{height:180px;width:180px}.hero h1{font-size:25px;font-weight:800}.hero p{width:85%;font-size:18px;line-height:28px}.hero-action{flex-direction:column;gap:12px}.hero-connect,.hero-resume{padding:15px 25px;font-size:14px}}body{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.About{min-height:100vh;width:100%;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:2rem;flex-wrap:wrap;text-align:left}.photo{height:350px;width:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:absolute;left:0;margin-left:2rem}.photo img{max-height:100%;max-width:100%;object-fit:cover;border-radius:20px}.content1{width:80%;display:flex;flex-direction:column;align-items:center;margin-left:400px}.aboutme{width:80%;background-color:#ffffff1a;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;margin-top:10px;position:relative;border:2px solid white;line-height:1.5;transition:transform .3s ease,box-shadow .3s ease;font-size:20px}.aboutme:hover{transform:scale(1.05);box-shadow:0 0 15px #ffffff80}.skill-title-img{height:70px;width:70px;margin-left:70px;margin-top:-30px}.about-title-img{height:50px;width:50px;margin-top:40px;margin-left:70px}.aboutme img{position:absolute;top:-10px;left:50%;transform:translate(-50%);height:80px;width:80px}.skills{width:80%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;justify-content:space-around;align-items:center;margin-top:-20px;padding:1rem}.skill{height:100px;width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid green;background:#00800033;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;text-align:center;padding:10px}.skill:hover{transform:scale(1.1);box-shadow:0 0 10px #00ff0080}.skill-title{font-size:70px;font-weight:800;margin-top:-20px;color:#fff}.skill img{max-height:50px;max-width:100px}.skill img:hover{max-height:60px;max-width:120px}.about-title{height:100px;width:100%;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:600;text-align:center;color:#fff;position:relative;margin-top:-40px;padding-bottom:10px}.about-title:after{content:"";position:absolute;top:70px;bottom:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}.about-title:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px;transition:width 1s ease-in-out}.skill-title{height:100px;width:100%;display:flex;justify-content:center;align-items:center;font-size:40px;font-weight:600;text-align:center;color:#fff;position:relative;margin-top:20px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;transition:transform .3s ease;padding-bottom:10px}.skill-title:after{content:"";position:absolute;bottom:0;left:50%;top:70px;transform:translate(-50%);width:40px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}.skill-title:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px;transition:width 1s ease-in-out}@media (max-width: 1024px){.About{flex-direction:column;align-items:center;text-align:center}.photo{position:static;margin:0 auto}.content1{width:100%;margin-left:0;display:flex;flex-direction:column;align-items:center}.aboutme{width:90%}.skills{justify-content:center}.skills{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-content:space-around;align-items:center;margin-top:-20px;padding:1rem}}@media (max-width: 768px){.photo{width:250px;height:250px}.about-title{font-size:2rem}.skills{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-content:space-around;align-items:center;margin-top:-20px;padding:1rem}}@media (max-width: 480px){.photo{width:200px;height:200px}.about-title{font-size:1.8rem;margin-top:2px}.skills{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.skill-title{border:1px soli green;font-size:30px}.aboutme:hover{box-shadow:0 15px 15px #ffffff80}.aboutme{height:400px;width:300px;line-height:1.3;font-size:15px}.about-title:after{content:"";position:absolute;top:40px;bottom:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}.skills{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;justify-content:space-around;align-items:center;margin-top:-20px;padding:1rem}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:50px auto;max-width:90%}.services-title{position:relative;text-align:center}.services-title h1{font-size:50px;font-weight:600;text-align:center}.services-title img{position:absolute;left:95%;transform:translate(-50%);top:10px;height:100px;width:100px}.services-title{height:100px;width:100%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:600;text-align:center;color:#fff;position:relative;margin-top:100px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;transition:transform .3s ease;padding-bottom:10px}.services-title:after{content:"";position:absolute;top:80px;bottom:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}.services-title:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px;transition:width 1s ease-in-out}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1200px;justify-content:center}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px;border-radius:10px;border:2px solid white;transition:.4s;cursor:pointer;text-align:center}.services-format h3{font-size:20px;font-weight:800;background:linear-gradient(270deg,#df8908 50%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#d4d4d4;font-size:18px;line-height:30px;max-width:100%;text-align:center}.services-readmore{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px}.services-format:hover{border:2px solid #ff00ff;background-image:linear-gradient(45deg,#3f0028,#582300);transform:scale(1.05);transition:.4s}@media (max-width: 1024px){.services{gap:50px;max-width:90%}.services-title h1{font-size:45px}.services-title img{width:70px}.services-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.services-format{padding:30px}}@media (max-width: 768px){.services-container{margin-left:-40px}.services{gap:40px;margin:30px auto;max-width:90%}.services-title h1{font-size:40px}.services-title img{width:60px}.services-container{grid-template-columns:1fr}.services-format p{font-size:16px;line-height:26px}.services-readmore img{width:18px}}@media (max-width: 480px){.services-container{margin-left:50px}.services{gap:30px}.services-title h1{font-size:35px}.services-title img{width:50px;top:-10px}.services-format{padding:20px;height:350px;width:300px}.services-format p{font-size:15px;line-height:24px}.services-readmore{gap:5px}.services-readmore img{width:16px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;margin:80px 170px}.contact-title{position:relative;text-align:center}.contact-title h1{padding:0 30px;font-size:50px;font-weight:600}.contact-title img{position:absolute;height:100px;width:100px;bottom:0;right:-20px;top:0}.contain-section{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;margin:0 auto;width:100%;max-width:1200px}.contain-left,.contact-right{height:500px;width:500px;height:auto;display:flex;flex-direction:column;gap:30px}.contain-left{padding-right:20px}.contact-left h1{font-size:60px;font-weight:700;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{color:#d8d8d8;font-size:18px;line-height:28px}.contact-details{display:flex;flex-direction:column;gap:50px;color:#d8d8d8}.contact-detail{display:flex;align-items:center;gap:55px;margin-top:30px}.contact-detail img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.contact-detail p{font-size:18px;color:#a0a0a0;line-height:1.5;margin:0}.contact-right label{color:#d8d8d8;font-size:20px;font-weight:500}.contact-right input,.contact-right textarea{width:100%;border:none;padding:10px 15px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:18px}.contact-right textarea{resize:none;height:150px}.contact-submit{border:none;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);font-size:20px;padding:15px 50px;width:210px;cursor:pointer;transition:transform .3s ease-in-out;color:#fff}.contact-submit:hover{transform:scale(1.05)}.contact-title{height:100px;width:100%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:600;text-align:center;color:#fff;position:relative;margin-top:100px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;transition:transform .3s ease;padding-bottom:10px}.contact-title:after{content:"";position:absolute;top:80px;bottom:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}.contact-title:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px;transition:width 1s ease-in-out}@media (max-width: 1024px){.contact{gap:80px;margin:60px 20px}.contact-title h1{font-size:60px}.contact-title img{width:80px}.contain-section{flex-direction:column;align-items:center;gap:40px}.contain-left,.contact-right{width:100%;max-width:90%;text-align:center}.contact-left h1{font-size:50px}.contact-left p{font-size:16px}.contact-detail{flex-direction:column;text-align:center;gap:10px}.contact-detail img{width:22px}.contact-right label{font-size:18px}.contact-right input,.contact-right textarea{font-size:16px}.contact-submit{font-size:18px;padding:12px 40px}}@media (max-width: 768px){.contact{gap:60px;margin:40px 5vw;align-items:center}.contact-title h1{font-size:45px}.contact-title img{width:70px;right:-10px}.contain-section{flex-direction:column;align-items:center;text-align:center}.contain-left,.contact-right{width:100%;max-width:90%;text-align:center}.contact-left h1{font-size:40px}.contact-left p{font-size:14px}.contact-detail{flex-direction:row;text-align:center;margin-left:50px}.contact-detail p{font-size:14px}.contact-submit{font-size:16px;padding:10px 30px}}@media (max-width: 480px){.contact{gap:50px;margin:30px 5vw}.contact-title h1{font-size:35px}.contact-title img{width:60px;position:absolute;left:200px}.contain-left h1{font-size:30px}.contain-left p{font-size:12px}.contact-right label{font-size:14px}.contact-right input,.contact-right textarea{font-size:14px;padding:8px}.contact-submit{font-size:14px;padding:8px 20px;margin-left:40px}.contact-detail{flex-direction:row;text-align:center;margin-left:50px}}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-left h1{font-style:italic;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#323238;color:#000}.footer-email-input input{outline:none;border:none;background:transport;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width:768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-bottom{display:flex;flex-direction:column;margin-bottom:50px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-top-left p{font-size:20px;max-width:400px;color:#fff}.footer-top-right{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.footer-email-input{display:flex;align-items:center;gap:10px;padding:15px 25px;border-radius:50px;background:#323238;color:#000;transition:.3s}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:18px;width:100%}.footer-subscribe{font-size:20px;padding:18px 40px;border-radius:50px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px;flex-wrap:wrap}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px;flex-wrap:wrap}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1)}.footer-email-input img{height:24px;width:24px;object-fit:contain;margin-right:10px;filter:grayscale(100%) brightness(1.2);transition:.3s}.footer-email-input img:hover{filter:none;transform:scale(1.1)}@media (max-width: 1024px){.footer{margin:50px 100px}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:30px}.footer-email-input{width:100%;justify-content:center}.footer-subscribe{padding:15px 30px}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:20px}.footer-bottom-right{gap:30px;justify-content:center}}@media (max-width: 768px){.footer{margin:50px}.footer-top-left p{font-size:18px;max-width:100%}.footer-email-input{padding:12px 20px}.footer-subscribe{font-size:18px;padding:14px 25px}.footer-bottom{font-size:16px}}@media (max-width: 480px){.footer{margin:30px 20px}.footer-top{gap:20px}.footer-email-input{flex-direction:row;justify-content:center;padding:10px 15px}.footer-subscribe{font-size:16px;padding:12px 20px;margin-left:130px}.footer-bottom{font-size:14px;gap:15px}.footer-bottom-right{flex-direction:column;gap:10px}}.work{width:100vw;height:max-content;display:flex;justify-content:space-around;align-items:flex-start;margin-top:100px;position:relative;flex-wrap:wrap;padding:0 20px}.work-title{height:100px;width:100%;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:600;text-align:center;color:#fff;position:relative;margin-top:100px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);background-clip:text;-webkit-background-clip:text;transition:transform .3s ease;padding-bottom:10px}.work-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px}a{align-self:flex-end}.profile2{height:300px}.work-title:hover:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:4px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:2px;transition:width 1s ease-in-out}.work-title img{height:100px;width:100px;position:absolute;top:30px;left:53%;transform:translate(-50%)}.project{height:500px;width:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:transform .3s ease-in-out;border-radius:10px;padding:0;background-color:#222;margin-bottom:40px;overflow:hidden;box-shadow:0 4px 15px #1372d14d}.project:hover{box-shadow:0 10px 20px #fffc}.project img{height:300px;width:300px;object-fit:cover;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.project img:hover{transform:scale(1.05);box-shadow:0 10px 20px #0003;cursor:pointer}.content{width:300px;height:300px;display:flex;justify-content:center;align-items:center;padding:10px;text-align:center;color:#fff;background-color:#333;border-radius:8px;flex-grow:1;margin-top:10px;box-sizing:border-box;line-height:1.3}.icon{position:absolute;right:20px;bottom:20px;background-color:#0009;padding:10px;border-radius:50%;display:flex;justify-content:center;align-items:center}.icon a{color:#fff;text-decoration:none;font-size:28px}@media (max-width: 1024px){.work-title{font-size:40px}.work-title img{height:80px;width:80px;top:20px}.project{width:250px}.project img{height:250px;width:250px}.content{font-size:16px;height:250px;width:250px}}@media (max-width: 768px){.work{margin-top:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.work-title{font-size:30px}.work-title img{height:70px;width:70px}.project{width:250px;margin-bottom:20px}.project img{height:220px;width:220px}.content{font-size:14px;height:220px;width:220px}}@media (max-width: 480px){.work-title{font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.work-title img{height:50px;width:50px}.project{width:300px;margin-bottom:15px}.project img{height:150px;width:250px}.content{font-size:15px;height:150px;width:250px;padding:5px}}.app{margin:0;padding:0;border:none;display:flex;flex-direction:column;justify-content:center;background-color:#000;position:relative;overflow:hidden}