* {
    background-color: #000000f1;
}

.premier{
    color: rgb(255, 255, 255);
    font-size: 80pt;
}

.infos {
    font-size: 20pt;
    margin: 40px 0 0 80px;
    color: rgb(99, 84, 56);
    width: 30ch;
}

.grille {
    display: grid;
    /* grid-template-rows: auto; */
    width: auto;
    margin-bottom: 0;
    margin-left: 5%;
}


.second{
 color: rgba(255, 255, 255, 0.37);
  font-size: 150pt;
}

#titrea {
    font-family: "ruina-ger";
}

#titreb {
    font-family: "ruina-semi";
}

#titrec {
    font-family: "ruina-flor";
}

#titred {
    font-family: "ruina-ruina";
}

#titree {
    font-family: "ruina-fra";
}


/* 
@font-face {
    font-family: "adelphe";
    src: url(Adelphe-Trouble-FlorealRegular.woff2);
} */

@font-face {
    font-family: "ruina-fra";
    src: url(FlorDeRuina-Fractura.woff2);
}


@font-face {
    font-family: "ruina-ruina";
    src: url(FlorDeRuina-Ruina.woff2);
}

@font-face {
    font-family: "ruina-semi";
    src: url(FlorDeRuina-Semilla.woff2);
}

@font-face {
    font-family: "ruina-flor";
    src: url(FlorDeRuina-Flor.woff2);
}

@font-face {
    font-family: "ruina-ger";
    src: url(FlorDeRuina-Germen.woff2);
}