body {
    background-color: #b9b1de58; 


h1, h2 {
    color: #000000; 
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(23, 23, 23, 0.1); 
}


.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none; 
}

.card:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important; 
}


footer {
    padding: 20px 0;
    margin-top: 50px;
    text-align: center;
    background-color: #343a40; 
    color: white;
}
}