@font-face {
    font-family: "Redaction 50";
    src: url(../assets/fonts/Redaction50-Bold.ttf);
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    background: rgb(197, 197, 197);
    margin: 0;
    padding: 1rem;
}

h1 {
    text-align: center;
    /* La taille des polices doit être en REM ; clamp() l'adapte à la fenêtre */
    font-size: clamp(2rem, 6vw, 5rem);
    font-family: "Redaction 50", serif;
    margin: 0 0 1rem;
}

main {
    /* Largeur fluide : 90 % de la fenêtre, mais jamais plus de 900px */
    width: min(90%, 900px);
    margin: 0 auto;
    background: white;
    border: 2px solid black;
    border-radius: 20px;
    padding: 15px;
}

.flexbox {
    width: 100%;
    /* Garde les proportions d'une page A4 : le PDF s'adapte
       à la largeur et toute la page reste visible */
    aspect-ratio: 210 / 297;
}

.flexbox iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.retour img {
    width: 10%;
}