/* Base Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #1c1c1c; /* Dark background */
    color: #d3d3d3; /* Light text color */
    line-height: 1.6;
}

/* Header Styling */
header {
    background-color: #252525;
    color: #f0f0f0;
    padding: 2rem;
}

header h1 {
    font-size: 2rem;
    margin: 0;
}

header p {
    font-size: 1rem;
    color: #c2c2c2;
    margin-top: 0.5rem;
}

/* Card Section */
.card {
    background-color: #2d2d2d; /* Darker card background */
    border: none;
    color: #e0e0e0; /* Lighter text for readability */
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Soft shadow for depth */
    transition: transform 0.2s;
}

.card:hover {
    transform: scale(1.02); /* Subtle scale on hover */
}

.card-title {
    font-size: 1.25rem;
    color: #f0f0f0;
}

.card-text {
    color: #b0b0b0;
}

.list-group-item {
    background-color: #2d2d2d;
    color: #c2c2c2;
}

/* Links in Cards */
.card-link {
    color: #87CEEB; /* Soft blue for links */
}

.card-link:hover {
    text-decoration: underline;
}

/* Container Padding */
.container {
    padding: 0 1rem;
}

/* Footer Styling */
footer {
    background-color: #252525;
    color: #d3d3d3;
    padding: 1.5rem;
}

footer a {
    color: #87CEEB;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer p {
    margin: 0.5rem 0;
}

footer small {
    display: block;
    margin-top: 1rem;
    color: #a9a9a9;
}