* {
    /*margin-left: 1em;*/
    /*margin-right: 1em;*/
}

body {
    background-color: #0D1D36;
    margin-top: 100px;
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='9999' style='fill:rgb(250,50,20);' /%3E%3C/svg%3E"),
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='9999' style='fill:rgb(250,50,20);' /%3E%3C/svg%3E");
    background-position: -350px 0, 300px 0;
    /*background-position: calc(50% - 250px), calc(50% + 100px);*/
}

picture {
}

.h1 {
    display: flex;
    justify-content: center;
    padding-top: .5em;
    padding-bottom: 7em;
    background-color: black;
    margin-top: 0;
}

.le_monde_hallucine {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    background-color: black;
    margin-top: 5em;
}

.le_monde_hallucine picture,
.le_monde_hallucine div {
    flex-basis: 45%;
    margin-top: 2.5em;
}

.le_monde_hallucine__h2 {
    background: linear-gradient(to right, #950723 50%, transparent);
    padding: 15px 0px 15px 50px;
    margin: 0;
    /*grid-area: monde;*/
}

.le_monde_hallucine__p {
    margin-top: 50px;
    /*grid-area: texte;*/
}

.section_quote {
    display: flex;
    justify-content: center;
    background-color: black;
    background: linear-gradient(to right, transparent, black 60%, transparent);
    margin-top: 2em;
    margin-bottom: 2em;
    padding: .5em 0 .5em 0;
}

.delire_cosmique {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    background-color: black;
}

.delire_cosmique picture,
.delire_cosmique div {
    flex-basis: 45%;
    margin-top: 2.5em;
}

.delire_cosmique__h2 {
    background: linear-gradient(to left, #950723 50%, transparent);
    padding: 15px 50px 15px 0px;
    margin: 0;
    text-align: right;
}

.delire_cosmique__p {
    margin-top: 50px;
}

.deni_tragique {
    background-color: black;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "image monde"
                         "texte texte";
    grid-column-gap: 20px;
}

.deni_tragique picture,
.deni_tragique div {
    margin-top: 2.5em;
}

.deni_tragique__h2 h2 {
    background: linear-gradient(to right, #950723 50%, transparent);
    padding: 15px 0px 15px 50px;
    margin: 0;
}

.deni_tragique__h2 {
    grid-area: monde;
}

.deni_tragique__p {
    grid-area: texte;
    margin-top: 50px;
}

.deni_tragique picture {
    grid-area: image;
}

.conteneur {
    max-width: 1000px;
    margin: auto;
}

img {
    max-width: 100%;
    display: block;
}

blockquote {
    max-width: 750px;
    margin: 1em;
    justify-content: center;
}

p, h1, h2, blockquote {
    color: white;
}

h2, p, blockquote {
    margin: .5em;
}

.footer {
    background-color: black;
    display: flex;
    justify-content: center;
    padding: 10px 0 10px 0;
}

.retour{
    text-align: center;
}
.retour a{
    color: white;
    text-decoration: none;
}
.retour a:hover{
    text-decoration: underline;
}