body {
    font-family: "zara";
    font-size: clamp(1rem, 2vw, 1.25rem);
    line-height: 1.3;
    background: rgb(243, 238, 233);
    color: #1a070e;
    margin-bottom: 20rem; 
    background-image: url(images/fleur.jpg);
    background-size: 120%;
    background-position: 40px 0px;
    background-attachment: fixed;

}



h1{
rotate: 90deg;
position: fixed;
margin: 0;
left: -250px;
top: 320px;
font-size: 2.5rem;
color: rgb(84, 121, 144);
}

h2{
    font-family: "almendra";
    margin-left: 6em;
    margin-top: 5.5rem;
    margin-bottom: 2.5rem;
    font-size: 2rem;
}

p{
    max-width: 60ch;
    margin-left: 6em;
    margin-right: 5rem;
    background-color: rgba(238, 228, 213, 0.7);
}

blockquote{
    color: #8a3254;

}

footer{
    margin-left: -8rem;
    max-width: 68ch;
    position: fixed;
    top: 27px;
    left: 970px;
    font-size: clamp(0.75rem, 2vw, 1rem);
}

a{
    color: rgb(84, 121, 144);
}

hr{
    display: none;
}


@font-face {
    font-family: 'zara';
    font-weight: 400; /* Graisse : regular */
    src: url('font/zarathustra-v01.woff') format('woff');
}

@font-face {
    font-family: 'almendra';
    font-weight: 400; /* Graisse : regular */
    src: url('font/AlmendraDisplay-Regular.woff') format('woff');
}