body, html {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #edfef3;
    font-family: Arial, sans-serif;
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px; /* Limite la taille maximale pour les grands écrans */
    padding: 20px;
}

.logo-container img {
    width: 50%; /* Définit la taille initiale pour mobiles */
    height: auto;
}

/* Styles responsives pour différentes tailles d'écran */
@media (min-width: 768px) {
    .logo-container img {
        width: 60%; /* Taille du logo sur les écrans moyens */
    }
}

@media (min-width: 1024px) {
    .logo-container img {
        width: 100%; /* Taille du logo sur les grands écrans */
    }
}