body {
  background-color: #f8f9fa;
  font-family: 'Segoe UI', sans-serif;
}
#saat {
  font-weight: bold;
  font-size: 1.1rem;
}
.now-playing {
  background: linear-gradient(to right, #007bff, #6610f2);
  color: white;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  font-size: 1.1rem;
}
.duyuru {
  font-size: 1rem;
  background-color: #ffeeba;
  border: 1px solid #ffc107;
  padding: 8px 12px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.list-group-item {
  font-size: 1.05rem;
  padding: 16px;
}
.haftalik-baslik {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 8px 10px;
}
@media (max-width: 768px) {
  .list-group-item {
    font-size: 1.15rem;
    padding: 20px;
  }
  .now-playing {
    font-size: 1.25rem;
  }
  .haftalik-baslik {
    font-size: 1.3rem;
  }
}