FestinHegre/assets/styles/app.css

.left-background {
    background-color: #db5559; /* Couleur de fond */
    width: 20%; /* Prend 1/4 de la largeur de l'écran */
    height: 100%; /* Prend toute la hauteur de la fenêtre */
    position: fixed; /* Reste en place même si on fait défiler la page */
    top: 0; /* Commence en haut de l'écran */
    left: 0; /* Aligne à gauche de l'écran */
}

.index-title-page{
    font-family: 'Brittany Signature', sans-serif;
}

ul {
    list-style-type: none; /* Enlève les points de la liste */
    padding: 0;
}

li {

    padding-bottom:30px;
}

.btn-custom {
    background-color: #FFFFFF; /* Couleur de fond verte */
    color: black; /* Couleur du texte blanche */
    border: none; /* Pas de bordure */
    padding: 15px 30px; /* Espace intérieur (padding) */
    font-size: 16px; /* Taille de police */
    font-weight: bold; /* Texte en gras */
    cursor: pointer; /* Curseur en forme de main au survol */
    width: 100%; /* Ajuste la largeur automatiquement en fonction du contenu */
    display: inline-block; /* Empêche le bouton de s'étendre à 100% */
}

/* Effet au survol */
.btn-custom:hover {
    background-color: #f8b5b5; /* Couleur légèrement plus foncée au survol */
    color: #FFFFFF;
}

.icon-medium {
    display: inline-flex; /* Utilise inline-flex pour gérer l'alignement facilement */
    align-items: center; /* Centre verticalement l'icône */
    width: 25px;
    height: 25px;
    margin-right: 8px; /* Espace entre l'icône et le texte */
}

.icon-container {
    display: inline-flex; /* Permet d'afficher l'icône et le texte sur la même ligne */
    align-items: center; /* Centre verticalement le contenu */
}