/* Header Banner */
header {
    background: linear-gradient(to right, #007bff, #0056b3); /* Gradient */
    color: white;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

header h1 {
    font-size: 3rem;
}

header p {
    font-size: 1.25rem;
}

/* Cards (YouTube Playlists) */
.card {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.card-text {
    font-size: 0.95rem;
    color: #555;
}

/* Footer */
footer {
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}
footer a {
    color: #007bff;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}