/* SERRES 3 */
#serres3_container{
    display: flex;
    justify-content: center;
    background-color: rgba(243, 250, 249, 0.438);
}
#serres3{
    max-width: 1310px;
    margin: 0;
    font-family: 'Courier';
    --hue-rotate: 0deg;
    --cover-highlight: rgba(255,255,255,.8); 
    overflow: hidden;

    text-align: justify;
    text-justify: distribute;
}
#serres3>.foreground{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
#serres3>.presentation>.title{
    font-weight: bolder;
    color: rgb(243, 250, 249);
    transition: all 250ms ease;
    font-size: 3em;
    line-height: 0.85;
    float: right;
    text-align: right;
    position: relative;
    text-shadow: -3px -3px 0px black, 0px 0px 2px black;
    padding-left: 20%;
}
#serres3>.presentation>.title>em{
    position: relative;
    z-index: -2;
    font-style: inherit;
    filter: blur(3px);
    display: block;
}


#serres3>.presentation>.title>em:first-of-type{
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgb(0, 0, 0,.49));
    filter: none;
    position: absolute;
    z-index: -1;
}
.noise-texture::before {
    content: '';
    position: absolute;
    inset: 0;
    filter: url(#noise-texture);
    pointer-events: none;
}
#serres3>.presentation{
    padding: 10%;
    z-index: 2;
    font-size: .9em;
}
#serres3>.presentation>p{
    position: relative;
}
#serres3>.presentation>.galery{
    position: absolute;
    bottom: 5%;
    right: 30%;
    float: right;
    text-align: right;
}
#serres3>.presentation>.galery>img{
    max-width: 250px;
    opacity: .6;
    position: relative;
    transition: all 150ms ease;
}
#serres3>.presentation>.galery>img:hover{
    z-index: 3;
    opacity: 1;
}
#serres3>.presentation>p{
    padding-right: 20%;
}
#serres3 > .background > em{
    font-size: 22px;

    position: absolute;
    z-index: -1;
}

#serres3 > .background > em::after{
    content: '.';
    /* font-weight: bold; */
}

#s3_cover{
    right: 10ox;
    left: unset;
}

#serres3 a{
    color: unset;
}

#serres3>#entropies_logo{
    filter: blur(1.8px);
}


#serres3>#entropies_logo>img{
    margin-right: 18px;
}



/* MOBILE */
@media (max-width: 670px) {
    #serres3 > .presentation{
        padding: 5%;
    }
    #serres3 > .presentation br{
        display: block;
        margin: 4px 0;
    }
    #s3_authors br{
        margin: unset !important;
    }
    #s3_authors{
        bottom: 3%;
        position: absolute !important;
        text-indent: unset !important;
    }
    #serres3 > .presentation p {
        margin-right: 0;
        margin: 0;
        padding-right: 0;
        padding-bottom: 5px;
    }
    #serres3>.presentation>.title{
        padding-left: 1%;
        margin-right: -30px;
        margin-top: -40px; 
        padding-bottom: -4px;
        scale: .88;
        top: 0;
        /* height: 100dvh; */
        
    }
    #serres3>.presentation>.title>br{
        display: block;
        margin: -2px 0;
    }
    #serres3>.presentation>.title{
        font-size: 37px;
    }
    #serres3>.presentation>.title>em{
        font-size: 47px;
    }

    #serres3 p {
        word-wrap: break-word;
        font-size: 11.5px;
        text-align: justify;
        text-indent: 15px each-line;
        padding-bottom: 15px;
    }

    #cover_3{
        right: -10px;
        left: unset;
        bottom: 25px;
        top: unset;
        text-align: center;
    }
     #cover_3 p{
        text-align: center;
        padding: unset;
        font-size: 14px;
        /* margin-top: 5px; */
     }
     #serres3 > .presentation > .galery{
        position: absolute;
        bottom: 21%;
        right: -10%;
        float: right;
        text-align: right;
     }
    
}

#s3_second_layer,
#s3_second_layer > em{
    /* margin-left: 8px;
    margin-top: 3px; */
}

#serres3 > .background > em:nth-of-type(1){
    top: 50%;
    left: 70%;
}#serres3 > .background > em:nth-of-type(2){    
    top: 40%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(3){
    top: 30%;
    left: 80%;
}#serres3 > .background > em:nth-of-type(4){
    top: 80%;
    left: 17%;
}#serres3 > .background > em:nth-of-type(5){
    top: 70%;
    left: 15%;
}#serres3 > .background > em:nth-of-type(6){
    top: 90%;
    left: 90%;
}#serres3 > .background > em:nth-of-type(7){
    top: 85%;
    left: 60%;
}#serres3 > .background > em:nth-of-type(8){
    top: 80%;
    left: 25%;
}#serres3 > .background > em:nth-of-type(9){
    top: 30%;
    left: 80%;
}#serres3 > .background > em:nth-of-type(10){
    top: 65%;
    left: 43%;
}#serres3 > .background > em:nth-of-type(11){
    top: 89%;
    left: 73%;
}#serres3 > .background > em:nth-of-type(12){
    top: 13%;
    left: 67%;
}#serres3 > .background > em:nth-of-type(13){
    top: 61%;
    left: 13%;
}#serres3 > .background > em:nth-of-type(14){
    top: 13%;
    left: 86%;
}#serres3 > .background > em:nth-of-type(15){
    top: 63%;
    left: 94%;
}#serres3 > .background > em:nth-of-type(16){
    top: 63%;
    left: 96%;
}#serres3 > .background > em:nth-of-type(17){
    top: 75%;
    left: 85%;
}#serres3 > .background > em:nth-of-type(18){
    top: 75%;
    left: 85%;
}#serres3 > .background > em:nth-of-type(19){
    top: 75%;
    left: 85%;
}#serres3 > .background > em:nth-of-type(20){
    top: 75%;
    left: 85%;
}#serres3 > .background > em:nth-of-type(21){
    top: 75%;
    left: 85%;
}#serres3 > .background > em:nth-of-type(22){
    top: 77%;
    left: 33%;
}#serres3 > .background > em:nth-of-type(23){
    top: 63%;
    left: 36%;
}#serres3 > .background > em:nth-of-type(24){
    top: 67%;
    left: 63%;
}#serres3 > .background > em:nth-of-type(25){
    top: 66%;
    left: 55%;
}#serres3 > .background > em:nth-of-type(26){
    top: 74%;
    left: 64%;
}#serres3 > .background > em:nth-of-type(27){
    top: 64%;
    left: 33%;
}#serres3 > .background > em:nth-of-type(28){
    top: 82%;
    left: 46%;
}#serres3 > .background > em:nth-of-type(29){
    top: 84%;
    left: 67%;
}#serres3 > .background > em:nth-of-type(30){
    top: 62%;
    left: 84%;
}#serres3 > .background > em:nth-of-type(31){
    top: 72%;
    left: 13%;
}#serres3 > .background > em:nth-of-type(32){
    top: 70%;
    left: 15%;
}#serres3 > .background > em:nth-of-type(33){
    top: 60%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(34){
    top: 60%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(35){
    top: 60%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(36){
    top: 60%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(37){
    top: 56%;
    left: 13%;
}#serres3 > .background > em:nth-of-type(38){
    top: 69%;
    left: 12%;
}#serres3 > .background > em:nth-of-type(39){
    top: 90%;
    left: 90%;
}#serres3 > .background > em:nth-of-type(40){
    top: 16%;
    left: 18%;
}#serres3 > .background > em:nth-of-type(41){
    top: 53%;
    left: 15%;
}#serres3 > .background > em:nth-of-type(42){
    top: 66%;
    left: 14%;
}#serres3 > .background > em:nth-of-type(43){
    top: 46%;
    left: 13%;
}#serres3 > .background > em:nth-of-type(44){
    top: 76%;
    left: 12%;
}#serres3 > .background > em:nth-of-type(45){
    top: 85%;
    left: 22%;
}#serres3 > .background > em:nth-of-type(46){
    top: 60%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(47){
    top: 40%;
    left: 25%;
}#serres3 > .background > em:nth-of-type(48){
    top: 45%;
    left: 18%;
}#serres3 > .background > em:nth-of-type(49){
    top: 55%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(50){
    top: 59%;
    left: 24%;
}#serres3 > .background > em:nth-of-type(51){
    top: 20%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(52){
    top: 57%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(53){
    top: 55%;
    left: 11%;
}#serres3 > .background > em:nth-of-type(54){
    top: 58%;
    left: 29%;
}#serres3 > .background > em:nth-of-type(55){
    top: 64%;
    left: 20%;
}#serres3 > .background > em:nth-of-type(56){
    top: 63%;
    left: 22%;
}#serres3 > .background > em:nth-of-type(57){
    top: 64%;
    left: 22%;
}#serres3 > .background > em:nth-of-type(58){
    top: 25%;
    left: 41%;
}#serres3 > .background > em:nth-of-type(59){
    top: 96%;
    left: 30.5%;
}#serres3 > .background > em:nth-of-type(60){
    top: 24%;
    left: 33%;
}#serres3 > .background > em:nth-of-type(61){
    top: 34%;
    left: 37%;
}#serres3 > .background > em:nth-of-type(62){
    top: 32%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(63){
    top: 39%;
    left: 37%;
}#serres3 > .background > em:nth-of-type(64){
    top: 56%;
    left: 16%;
}#serres3 > .background > em:nth-of-type(65){
    top: 16%;
    left: 16%;
}#serres3 > .background > em:nth-of-type(66){
    top: 12%;
    left: 12%;
}#serres3 > .background > em:nth-of-type(67){
    top: 08%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(68){
    top: 56%;
    left: 22%;
}#serres3 > .background > em:nth-of-type(69){
    top: 55%;
    left: 19%;
}#serres3 > .background > em:nth-of-type(70){
    top: 80%;
    left: 81%;
}#serres3 > .background > em:nth-of-type(71){
    top: 85%;
    left: 82%;
}#serres3 > .background > em:nth-of-type(72){
    top: 90%;
    left: 32%;
}#serres3 > .background > em:nth-of-type(73){
    top: 87%;
    left: 56%;
}#serres3 > .background > em:nth-of-type(74){
    top: 76%;
    left: 75%;
}#serres3 > .background > em:nth-of-type(75){
    top: 72%;
    left: 78%;
}#serres3 > .background > em:nth-of-type(76){
    top: 77%;
    left: 81%;
}#serres3 > .background > em:nth-of-type(77){
    top: 90%;
    left: 91%;
}#serres3 > .background > em:nth-of-type(78){
    top: 35%;
    left: 96%;
}#serres3 > .background > em:nth-of-type(79){
    top: 55%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(80){
    top: 55%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(81){
    top: 55%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(82){
    top: 55%;
    left: 21%;
}#serres3 > .background > em:nth-of-type(83){
    top: 55%;
    left: 21%;
}