@font-face {
    font-family: "redaction";
    src: url(/glossaire-workshop_techofascisme/ressource/Redaction_10-Regular.woff2);
}

@font-face {
    font-family: "redaction100";
    src: url(/glossaire-workshop_techofascisme/ressource/Redaction_100-Regular.woff2);
}

@font-face {
    font-family: "roboto";
    src: url(/glossaire-workshop_techofascisme/ressource/Roboto-VariableFont_wdth\,wght.ttf);
}

:root{
    --lineheight: 11pt;
}

body {
    font-family: "redaction", sans-serif;
    margin: 0;
    font-size: 9.5pt;
    line-height: var(--lineheight);
    background-image: url("../ascii-automata-2025-11-07T15-47-22.png");
    background-repeat: repeat-y;
}

h2 {
    font-family: "redaction100", sans-serif;
    font-size: 20pt;
    margin: 0;
    word-spacing: 2px;
    text-wrap: balance;
    line-height: calc(var(--lineheight)*2);
    background-color: white;
}

.def p{
    padding-top: var(--lineheight);
    padding-bottom: var(--lineheight);
    background-color: white;
    padding-left: var(--lineheight);
    margin: 0;
}

.def{
    height: calc(var(--lineheight) *28);
    /* border: solid 1px black; */
}
h1 {
    font-family: "roboto";
    font-size: 30pt;
    margin: 0;
}
#dessus{
    z-index: 2;
}

#fond{
    transform: rotateX('180');
    opacity: 50%;
    z-index: 1;
}