* {
    box-sizing: border-box;
}

body {
    display: flex;
    margin: 0;
    /* background-image: url(../medias/transparent-1a.png); */
    background-color: #343530;
    font-family: "bbb";
    /* overflow: hidden; */
    /* text-align: justify;
    text-justify: distribute; */
}

.texte {
    height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0.5em;
    z-index: 1;
}

p {
    text-indent: 2.5em;
}


a {
    text-decoration: none;
    color: #343530;
}

a:hover {
    color: #bfc4b87a;
}

#préface {
    margin-top: 3em;
    margin-left: 3em;
    font-size: 25pt;
    color: #99b686af;
    width: 60%;  
}

#intention {
    margin-left: 50%;
    width: 40%;
    font-size: 15pt;
    color: #343530;
}

#intention:hover {
    color: #bfc4b87a;
    /* background-color: #313030af; */
}

@font-face {
    font-family: "adlphe";
    src: url(Adelphe-FlorealRegular.woff2);
}

@font-face {
    font-family: "bbb";
    src: url(BBBBaskervvol-Fondue.woff2);
}


/* @font-face {
    font-family: "latitude";
    src: url(Latitude-Regular.woff2);
} */

/* .container {
    background-color: rgba(64, 65, 65, 0.726);
    padding: 0.5em;
    border: 1px solid #cccccc;
} */

div {
    color: #99b686af;
    overflow: auto;
}

div p {
    font-size: 28pt;
    margin: 10%;
     max-width: 60ch;
     line-height: 33pt;
}


.linked-content {
    display: none;
}

h2 {
    display: flex;
    flex-direction: row-reverse;
    margin: 2% 5%;
}

span{ 
    font-family: "adelphe";
    font-size: 20pt;
    color: #b8be92d8;
}

img{
    width: 20%;
    position: absolute;
    opacity: 45%;
    margin-top: 1%;
    /* margin-left: 75%; */
}