.epreuve-hero {
    background-size: cover;
    background-position: center;
    height: 60vh;
    position: relative;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.card-title {
    font-weight: bold;
    color: #0d6efd;
}

.btn-outline-primary {
    transition: background-color 0.3s, color 0.3s;
}

.btn-outline-primary:hover {
    background-color: #0d6efd;
    color: white;
}