body {
    font-family: "Poppins", sans-serif;
    color: #044273;

}

a {
    text-decoration: none;
    color: #009FE3;
    font-weight: 500;
}

a:hover {
    font-weight: bolder;
}

.ligne {
    width: 15%;
    height: 5px;
    background-color: #009FE3;
}

/* ============================================================
   DESKTOP (min-width: 780px)
   ============================================================ */

@media screen and (min-width: 780px) {
    h1 {
        font-size: 10vh;
    }

    p {
        margin: 1vh;
    }
}

/* ============================================================
   MOBILE (max-width: 780px)
   ============================================================ */

@media screen and (max-width: 780px) {
    h1 {
        font-size: 6vh;
    }

    p {
        margin: 0;
    }
}