*{padding:0;margin:0;box-sizing:border-box}body{background-color:#00f;color:#fff;font-size:Arial,Sans-Serif;min-height:100vh}.nav{position:sticky;top:0;z-index:1000;background-color:#0b132b}.logo h1{text-align:left;background-color:#0b132b;padding-left:20px;padding-top:20px}.navbar{position:sticky;top:0;display:flex;justify-content:right;align-items:center;padding:20px 10px;background-color:#0b132b}.navbar-links{display:flex;gap:20px}.navbar-links a{text-decoration:none;color:#fff;font-size:18px;font-weight:700}.navbar-links a:hover{color:#ff69b4}.logo{font-size:24px;font-weight:700;color:#fff}.logo:hover{color:#ff69b4}.navbar-links li{list-style:none;display:flex;gap:20px}.toggle-menu{font-size:30px;font-weight:900;display:none;cursor:pointer}@media(max-width:768px){.nav{position:sticky}.navbar{padding:20px 10px;justify-content:right;position:sticky;height:20px}.logo{font-size:18px}.toggle-menu{display:block}.navbar-links{position:fixed;top:0;margin-top:100px;right:0;display:flex;flex-direction:column;background-color:#0b132b;width:100%;height:100vh;padding:10px 20px;transform:translate(100%);transition:.25s ease-in-out}.navbar-links.open{transform:translate(0)}}.container{background-color:#0b132b;padding:20px;text-align:center}.container p{font-size:18px;font-weight:600;margin-top:20px}.container h2{font-size:20px;font-weight:900;margin-bottom:10px}.span{color:#0f8;font-size:18px;font-weight:900}.container h3{font-size:18px}.container-all{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px}.container-all h2{font-size:20px;font-weight:900;color:#0aec0a;text-align:left}.links{display:flex;flex-direction:column;gap:10px;text-align:left;margin:0 30px}.links a{color:#fff;text-decoration:none;font-size:16px;font-weight:600}.links a:hover{color:#0f8}.services,.contact{display:flex;flex-direction:column;text-align:left;margin:0 30px}.contact img{height:20px;width:20px}.contact a{color:#fff;text-decoration:none;font-size:16px;font-weight:600}.socials{display:flex;flex-wrap:wrap;justify-content:center;margin:20px}.socials img{height:20px;width:20px;margin:5px}.copyright{margin-top:20px;text-align:center}.home-container{min-height:70vh}.hero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 20px}.intro{max-width:600px;margin:0 auto}.intro h1{font-weight:900;color:#f0e9e9;font-size:3rem;margin-bottom:20px}.intro h2{color:#11fa11;font-size:1.5rem;margin-bottom:20px}.intro .music{color:orange}.image{max-width:600px;margin:0 auto}.image img{height:400px;border-radius:10px;object-fit:cover;margin-top:80px}.contact-btn{padding:10px 20px;background-color:#0b132b;color:#fff;border:none;cursor:pointer;font-weight:700;border-radius:5px;margin-left:50px;margin-top:20px}.contact-btn a{text-decoration:none;color:#fff}.contact-btn:hover{background-color:#5a005a}@media(max-width:768px){.image img{height:400px;border-radius:10px;object-fit:cover;margin-top:50px}}.media{margin-top:20px}.media img{width:30px;height:30px;margin-right:10px}.media img:hover{transform:translateY(-2.5%);box-shadow:5px 5px 5px orange}.project-container{min-height:50vh}.project-container h1{text-align:center}.construct{color:red;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:100px;font-size:2rem;font-weight:700}.contact-container{text-align:center;margin-bottom:0}.contact-details{min-height:60vh}.form{display:flex;flex-direction:column;max-width:400px;margin:0 auto;justify-content:center;padding:20px}.form h1{color:#fff;margin-bottom:20px;text-align:left}.label{color:#fff;margin-top:10px;text-align:left;font-weight:700}.form input{padding:10px;margin-top:5px;border:none;border-radius:5px;background-color:#0ff;max-width:300px}.form textarea{padding:10px;margin-top:5px;border:none;border-radius:5px;background-color:orange;margin-bottom:20px;max-width:300px;height:150px}.form button{padding:10px;border:none;border-radius:5px;background-color:#790079;color:#fff;font-weight:700;cursor:pointer;max-width:300px}.form button:hover{background-color:#5a005a}.contact-info{color:#fff;text-align:left;max-width:400px;margin:0 auto 50px}.contact-info img{width:20px;height:20px;margin-right:10px}.contact-info h2{margin-bottom:20px;font-size:2rem;text-align:left}.contact-info p{font-weight:700;font-size:1.5rem}.about-container{min-height:60vh}h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:20px}.abt{color:red;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:100px;font-size:2rem;font-weight:700}