@font-face {
    font-family: 'Libre Franklin';
    src: url('LibreFranklin-SemiBold.woff2') format('woff2'),
        url('LibreFranklin-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

a{ font-family: 'Libre Franklin';
text-decoration: none;
}
body{display: grid;
    grid-template-columns: (1fr, 1fr,1fr);
margin: 2%;}
.sucré{grid-column-start:  2;}

.salée{grid-column-start:  3;}
h2{font-size: 300%;
   
    margin-top: 1vh;

grid-template-columns: 1;}

h1{
 padding: 1vh;
}
.propos{position: relative;
    bottom: -500px;
    left: 1300px;
    
}
#citation{font-size: 40px;
max-width: 50vw;}
#ye{ position: absolute;
    top: 10%; /* Modifier selon vos préférences */
    left: 70%; /* Modifier selon vos préférences */
    width: 25vw;
    z-index: 999; /* Assure que l'article est superposé à d'autres éléments */
   
    padding: 20px;}
.para{
    max-width: 50vw;
     }