@import url(./style.css); /* Import de style.css */
@import url(./styleQuoteLittle.css);

h2 {
    text-align: center;
    font-size: 2em;
    margin: 20px 0;
}

/* Conteneur général pour les citations */
.citations-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
/* Citation du jour - toujours en pleine largeur */
body.dark-mode .citation-du-jour {
    width: 97.5%; /* Prend toute la largeur */
    background: linear-gradient(45deg, #4a148c, #7b1fa2);  
    padding: 0;
    margin-left: 1.25%;
    overflow: hidden;
    margin-bottom: 20px;
    height: 150px;
}

body.light-mode .citation-du-jour {
    width: 97.5%; 
    background-image: linear-gradient(-28deg, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); 
    padding: 0;
    margin-left: 1.25%;
    overflow: hidden;
    margin-bottom: 20px;
    height: 150px;
}