body {
    font-family: 'Roboto', sans-serif;
}

.custom-card {
    border: none;
    border-radius: 15px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.custom-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.card-title {
    font-weight: 700;
}

footer {
    padding-top: 20px;
    border-top: 1px solid #444;
}