body {
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  background-color: #3b3c3de5 !important;
}

/* Headings */
h1 {
  color: #f8f9fa; /* Light text for dark background */
  font-weight: 600;
}

/* General Button Styling */
.btn {
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 500;
  border-radius: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
}

/* Hover effect for all buttons */
.btn:hover {
  box-shadow: 2px 3px 6px black;
  transform: scale(1.1);
}

/* Song Card Shadow */
.custom-black-shadow {
  box-shadow: 5px 8px 12px rgba(0, 0, 0, 0.6) !important;
}

/* Navbar Styling */
.navbar {
  padding: 1rem 2rem;
}

/* Navbar Search Input */
#searchForm input {
  width: 250px;
  border-radius: 8px;
  border: 1px solid #ced4da;
  background-color: #f8f9fa;
  color: #000;
  padding: 6px 12px;
}

/* Navbar Search Button */
#searchForm .btn {
  background-color: #f8f9fa !important;
  color: #000 !important;
  font-weight: 500;
}

/* Optional: Hover for search button */
#searchForm .btn:hover {
  background-color: #e2e6ea !important;
  color: #000 !important;
  transform: scale(1.05);
}