/* PIEDS DE PAGE */

#pieds-page {
    border-top: solid black 3px;
    font-size: 18pt;
    background-color: #b68ca6;
}


/* CSS EN-TÊTE */

#accueil-body {
    background-color: #cfa5bf;
}

#en-tête {
    border-bottom: solid black 3px;
    background-color: #b68ca6;
}

#en-tête h2 {
    font-family: "custom";
    font-size: 32pt;
}

#splash {
    font-family: monospace;
    size: 12pt;
}

#menu-en-tête {
    display: flex;
}

.bouton-menu-en-tête {
    width: 64px;
    height: 64px;

    background-color: #cfa5bf;

    border-top: solid #deb6cf 5px;
    border-left: solid #deb6cf 5px;

    border-bottom: solid #b68ca6 5px;
    border-right: solid #b68ca6 5px;
    
    margin-left: 2px;
    margin-right: 2px;
}

.bouton-menu-en-tête:hover {
    width: 64px;
    height: 64px;

    background-color: #e7b9d6;

    border-top: solid #f1c5e0 5px;
    border-left: solid #f1c5e0 5px;

    border-bottom: solid #d1a1bf 5px;
    border-right: solid #d1a1bf 5px;
}

/* ACCUEIL */

/* JEU */

#écran-jeu-accueil {
    height: 500px;
}

#input-envoyer {
    background-color: #e7b9d6;

    border-top: solid #f1c5e0 5px;
    border-left: solid #f1c5e0 5px;

    border-bottom: solid #d1a1bf 5px;
    border-right: solid #d1a1bf 5px;

    font-family: monospace;
}

#input-commandes {
    width: 55%;
    height: 50px;

    background-color: #162919;
    color: #1f862c;

    margin-bottom: 20px;

    border-bottom: solid #deb6cf 8px;
    border-right: solid #deb6cf 8px;

    border-top: solid #b68ca6 8px;
    border-left: solid #b68ca6 8px;

    font-size: 28pt;
    font-family: monospace;
}

/* GEN */

.panneau {
    background-color: #cfa5bf;

    border-top: solid #deb6cf 5px;
    border-left: solid #deb6cf 5px;

    border-bottom: solid #b68ca6 5px;
    border-right: solid #b68ca6 5px;

    padding: 6px;

    font-family: monospace;
    font-size: 18pt;
    color: #523446;
    
    text-align: justify;

    width: 60%;
}

.écran {
    background-color: #162919;

    border-bottom: solid #deb6cf 8px;
    border-right: solid #deb6cf 8px;

    border-top: solid #b68ca6 8px;
    border-left: solid #b68ca6 8px;

    padding: 6px;

    color: #1f862c;
    
    text-align: justify;

    width: 60%;
}

.écran > a {
    color: #deb6cf;
}

.panneau > a {
    color: #1f862c;
}

/* LINGUISTIQUE */

#linguistique-background {
    background-color: #ffacf4;
}

/* CONLANG HUB ET PAGES */

#bg-conlang {
    background-color: #cfa5bf;
}

.exercice {
    border: black solid 1px;
    border-bottom-right-radius: 20px;
    width: 80%;
}

.exercice > .consigne {
    border-bottom: grey solid 1px;
    width: 90%;

    margin-left: 12px;
    margin-bottom: 15px;

    padding-bottom: 20px;
}

.exercice > .exemple {
    display: none;
    font-family: "custom-bold";
}

/* Général */
@font-face {
    font-family: "custom";
    src: url("polices/CloisterBlackLight-axjg.ttf");
}

@font-face {
    font-family: "custom-bold";
    src: url("polices/Comico-Regular.otf");
}

b {
    font-family: "custom-bold";
}

p {
    font-family: monospace;
    font-size: 18pt;
}