body {
    margin: 0;
    padding: 0;
    font-size: 18px; /* Taille de base pour les grands écrans */
}

h1 {
    font-size: 24px; /* Taille de base pour les titres sur les grands écrans */
    margin: 0.5em;
}

ul {
    list-style-type: none;
    padding: 1em;
}

li {
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    color: #1F51FF;
    font-weight: bold;
}

/* Requêtes média pour les écrans de moins de 600px de large */
@media (max-width: 600px) {
    body {
        font-size: 8vw; /* Augmente la taille de la police sur les petits écrans */
    }

    h1 {
        font-size: 5.5vw; /* Augmente la taille de la police des titres sur les petits écrans */
    }

    ul, li {
        padding: 3vw; /* Augmente le padding pour plus d'espace */
    }
}
