/* Style du logo */
.logo-img {
    width: 300px; /* Ajuste la taille du logo */
    height: auto; /* Maintient les proportions */
    margin-bottom: 20px; /* Espacement sous le logo */
}

/* Style du body sombre avec le fond #202020 */
body {
    background-color: #202020;
    color: #ffffff; /* Texte en blanc pour contraste */
}

/* Donner de l'espace aux cards et rendre les bords plus visibles */
.custom-card {
    border: 2px solid #333; /* Bords visibles */
    border-radius: 15px; /* Coins arrondis */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 20px; /* Espacer les cards */
}

/* Effet de hover sur les cards */
.custom-card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

/* Couleurs des boutons pour chaque card */
.btn-custom-jolannrt {
    background-color: #ff5722; /* Orange pour le portfolio */
    border: none;
}

.btn-custom-kuma {
    background-color: #8bc34a; /* Vert pour phpMyAdmin */
    border: none;
}

/* Style des images */
.card-img-top {
    height: 200px;
    object-fit: cover;
}
/* Couleurs des boutons avec transition */
.btn-custom-portfolio,
.btn-custom-bookstack,
.btn-custom-phpmyadmin {
    border: none;
    transition: background-color 0.3s ease;
}

.btn-custom-jolannrt:hover {
    background-color: #e64a19; /* Un peu plus foncé */
}

.btn-custom-kuma:hover {
    background-color: #7cb342; /* Un peu plus foncé */
}
/* Couleur du bouton pour Uptime Kuma */
.btn-custom-opencve {
    background-color: #673ab7; /* Violet pour Uptime Kuma */
    border: none;
}

/* Changement de couleur au survol */
.btn-custom-opencve:hover {
    background-color: #5e35b1; /* Un peu plus foncé au survol */
}