@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:#f5f5f5}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.btn{background:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0;display:inline-flex;align-items:center;justify-content:center}.btn img{width:30px;margin-left:10px}@media (max-width: 1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:10px 15px}}nav{width:100%;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;z-index:10}.logo{width:100px}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:16px}.dark-nav{background:#150e7cbe;transition:.5s}@media (max-width: 783px){.logo{width:140px}.nav ul li{margin:10px 15px}}.menu-icon{display:none}@media (max-width: 683px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;bottom:0;background:#150e7cbe;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.menu-icon{display:block;width:30px;cursor:pointer}.hide-mobile-menu{right:-200px}}.hero{width:100%;min-height:100vh;background:linear-gradient(#150f69,#150f6969),url(/assets/LLWJWallpaper3-Cqw8lF7f.jpg);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center}.hero-text{text-align:center;max-width:800px}.hero-text img{border-radius:50px}.hero-text h1{font-size:50px;font-weight:600;max-width:700px}.hero-text h1 span{background:linear-gradient(#fff,#ff7300);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{max-width:700px;margin:10px auto 20px;line-height:1.4}.hero-action{display:inline-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(#fff,#ff7300);cursor:pointer}.hero-resume{padding:25px 45px;border-radius:50px;border:2px solid white;cursor:pointer}.hero-connect:hover{border:2px solid white}.hero-resume:hover{border-color:#ff7300}@media (max-width: 783px){.hero-text h1{font-size:40px}}@media (max-width: 783px){.hero-text h1{font-size:40px;max-width:400px;margin:auto}.hero-text p{font-size:14px;margin:15px auto 30px}}.portfolio{margin:80px auto;width:90%;display:flex;align-items:center;justify-content:space-between}.portfolio-project img{width:100%;border-radius:10px;display:block}.portfolio-project{flex-basis:31%;position:relative}.caption{border-radius:10px;position:absolute;top:0;left:0;bottom:0;right:0;background:#a4baf756;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;cursor:pointer;opacity:0;padding-top:70%;transition:.4s}.caption img{width:60px;margin-bottom:10px}.portfolio-project:hover .caption{opacity:1;padding-top:0}@media (max-width: 783px){.portfolio-project{flex-direction:column}.portfolio{flex-basis:100%;margin:20px}}.title{text-align:center;color:#8f560d;font-size:15px;font-weight:600;text-transform:uppercase;margin:70px 0 30px}.title h2{font-size:32px;color:#160e7c;margin-top:5px;text-transform:capitalize}.aboutMe{margin:100px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.about-left{flex-basis:68%;position:relative}.about-right{flex-basis:70%;margin-left:30px}.about_img{width:100%;margin-bottom:10px}.about-icon{border-radius:10px;position:absolute;top:0;left:0;bottom:0;right:0;background:#a4baf756;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;cursor:pointer;opacity:0;padding-top:50%;transition:.4s}.play_icon{width:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-left:hover .about-icon{opacity:1;padding-top:0}.aboutMe h3{font-weight:600;font-size:16px;color:#8f560d;margin-left:5px}.aboutMe h2{font-size:35px;color:#160e7c;margin:12px 0;max-width:400px}.aboutMe p{color:#676767;margin:5px 200px 5px 5px}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{gap:10px;align-items:center;transition:.3s}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:#160e7c}@media (max-width: 783px){.aboutMe{flex-direction:column}.about-left{flex-basis:100%;margin:20px;order:2}}@media (max-width: 452px){.about-right p{flex-basis:100%;margin:20px;font-size:15px}}@media (max-width: 289px){.about-right p{flex-basis:100%;margin:20px;font-size:12px}}.contact{margin:80px auto;max-width:90%;display:flex;align-items:center;justify-content:space-between}.contact-col{flex-basis:48%;color:#160e7c}.contact-col h3{color:#8f560d;font-weight:500px;font-size:25px;display:flex;align-items:center;margin-bottom:20px}.contact-col h3 img{width:35px;margin:left 10px}.contact-col p{max-width:450px;list-style:.3}.contact-col ul li{display:flex;align-items:center;margin:20px 0}.contact-col ul li img{width:25px;margin-right:10px}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:15px;border:0;outline:0;margin-bottom:15px;margin-top:5px;resize:none}.contact-col span{display:block;margin:20px 0}@media (max-width: 783px){.contact{display:block}.contact-col{padding:20px}}.footer{margin:10px auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #160e7c;padding:15px 0}.footer ul li{list-style:none;display:inline-block;margin-left:20px}@media (max-width: 783px){.footer{display:block;text-align:center}.footer ul li{margin:10px}.footer ul{margin-top:10px}}.graphicDesign-container{background-color:#000;width:100%;min-height:100vh;background:linear-gradient(#150f69,#150f69ab),url(/assets/LLWJWallpaper3-Cqw8lF7f.jpg);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center}.graphicDesign-text{padding:2rem;width:90%;margin:0 auto}.graphicDesign-text h1{text-align:center;margin:0}.logo-section{padding:2rem;background-color:#f5f5f5;text-align:center}.logo-section h2{font-size:2rem;margin-bottom:1.5rem;color:#333}.logo-group{margin-bottom:2rem}.logo-group h3{font-size:1.5rem;margin-bottom:1rem;color:#555}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem}.logo-grid img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.logo-grid img:hover{transform:scale(1.05);box-shadow:0 6px 12px #0003}