html {
    background-image: url(../image/fond.jpg);
    background-position: center; 
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: 120% auto; 

}

body {
    margin: 2.7em 1em;
    font-family: "Miriam Libre", serif;
    font-optical-sizing: auto;
    font-weight: 380;
    font-style: normal;
}
p {
    max-width: 60ch;
    font-size: 1.2em;
    line-height: 1.35;
    color: #4d344a;
    margin: 1em max(10%, 1em) 1.35em auto ;
}

strong {         
    color:#8278ff;          
}

blockquote {
    padding-left: 2em;
    font-style: italic;
}
hr {
    width: 2em;
    margin: 2em;
}
a {
    color: currentColor;
}

@font-face {
    font-family: "Miriam Libre";
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
    src: url("miriam-libre/miriamlibre-variablefont-wght.ttf") format(opentype) tech(variations),
         url("miriamlibre-variablefont-wght.ttf") format("opentype-variations");
}


.contenu {
    min-height: 100vh;
    padding: 60px;
    color: white; 
}