@import url("https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Poppins:wght@100;400;600;700&family=Vollkorn:ital,wght@0,400;0,600;0,700;1,500;1,600&display=swap");

:root{
    --ff-mono: "Major Mono Display", monospace;
    --ff-poppins: "Poppins", sans-serif;
    --ff-vollkorn: "Vollkorn", serif;
}

html {
    font: 400 100%/150% Poppins, Arial, sans-serif;
  }

@page {
    size: 5.5in 8.5in;
    margin-top: 2cm;
    margin-left: 2cm;
    margin-bottom: 2cm;
    margin-right: 2cm;
  }

body {
    /* margin: 2rem; */
    font-size: .75rem;
    color: black;
    filter: grayscale(100%); 
}

/* pour mettre les images en noir et blanc */
img{
    filter:grayscale(1);
    width: 9rem;
    height: auto;
}

.navbar, #h1, audio, .reseaux-sociaux, iframe{
    display: none;
}

h2, h3{
    margin-top: 3rem;
    font-family: var(--ff-vollkorn);
}

h1{
    font-size: 1.5rem;
    line-height: 1.5rem;   
}

h1, h2, h3, h4, h5 {
    page-break-after: avoid;
  }


  sup {
    line-height: 0;
    font-size: 0.83em;
    vertical-align: super;
}