@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600&display=swap";body{margin:0;font-family:Quicksand,sans-serif;background:url(e-commerce.png)}.navbar{background:linear-gradient(135deg,#ff7eb3,#ff758c,#ffb199);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000004d;border-bottom:3px solid #ff4081}.container{width:90%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{color:#4c26d5;font-size:26px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease-in-out}.navbar-brand:hover{color:#ffeb3b}.navbar-links ul{list-style:none;display:flex;gap:20px;padding:0}.navbar-links .nav-link{color:#4f2e2e;text-decoration:none;font-size:18px;font-weight:600;text-transform:uppercase;padding:8px 16px;border-radius:20px;transition:all .3s ease-in-out}.navbar-links .nav-link:hover{background:#ffeb3b;color:#333;transform:scale(1.1);box-shadow:0 4px 10px #ffeb3b99}.navbar-toggler{display:none;font-size:28px;background:none;border:none;color:#461baa;cursor:pointer}@media (max-width: 768px){.navbar-toggler{display:block}.navbar-links{display:none;flex-direction:column;width:100%;position:absolute;top:60px;left:0;background:#000000d9;text-align:center;padding:15px 0}.navbar-links ul{flex-direction:column;gap:15px}.navbar-links .nav-link{font-size:20px;display:block}.navbar.active .navbar-links{display:flex}}