@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
* {
    margin: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}
:root {
    --body: #94E6F8;
    --bodo: red;
}
body {
    background: var(--body);
    /*Déclaration du background image*/
    background-image: url(img/nuage.png);
    /*Déclaration de la valeur de répédition de l'image*/
    background-repeat: no-repeat;
    /*Déclaration de la valeur de positionnement de l'image (plus c'est haut et plus cela part sur la droite)*/
    background-position: 150%;
    overflow-x: hidden;
}
header {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#logo {
    width: 150px;
    height: 150px;
    border-radius: 20px;
    /*valeur de déclaration = haut, gauche, bas, droite*/
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    margin-top: 50px;
}
header a {
    margin: 91px;
    text-decoration: none;
    color: #000;
    font-size: 24px;
}
#accueil {
    /*Déclaration du background image*/
    background-image: url(img/nav_nuage.png);
    /*Déclaration du de positionnement de l' image*/
    background-position: center;
    /*Déclaration du remplissage de l'image*/
    background-size: cover;
    /*permet de redimentionner l'image sinon celle-ci est coupé sur les côter*/
    padding: 24px;
}
main {
    display: flex;
    justify-content: center;
}
section{
    background: #FFC700;
    display: flex;
    justify-content: center ;
    align-items: center;
    flex-direction: column;
    margin: 50px 0px 50px 0;
    width: 514px;
    height: 387px;
    border-radius: 12px;
}
section p {
    padding: 10px;
    /*Espacement entre les lignes (100% = valeur de base)*/
    line-height: 150%;
}
footer {
    display: flex;
    flex-wrap: wrap;
}