/* Body Background */
body {
    background-color: #f9f9f9;
}

/* Header Styling */
header {
    background-color: #007bff;
    color: white;
    padding: 2rem 0; /* Reduced padding to decrease header height */
}

header h1 {
    font-size: 2rem; /* Decrease font size of header title */
}

header p {
    font-size: 1rem; /* Decrease font size of subtitle */
}

/* Footer Styling */
footer {
    background-color: #343a40;
    color: white;
    padding: 1rem 0; /* Adjusted padding for footer */
}

/* Card Styling */
.card {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s;
}

.card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Card Title Styling */
.card-title {
    font-size: 1.2rem; /* Already good, but you can adjust this if needed */
    font-weight: bold;
}