#cover{
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.projectCover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projectCoverDiv{
    /*margin-top: calc(var(--sectionSpace) * 0.6);*/
    margin-top: 0;
    height: calc(var(--sectionSpace) * 3.5);
    width: 100%;
    position: relative;
}

.imageContent{
    backdrop-filter: blur(2px);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background: rgba(226, 162, 236, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.projectTitle{
    font-family: "MainFont";
    font-weight: initial;
    color: white;
    margin: 0;
    width: 85%;
    font-size: calc(var(--titleFontSize) * 3);
}

.projectSubTitle{
    font-family: "MainFont";
    font-size: calc(var(--titleFontSize));
    color: white;
    margin: 0;
    font-weight: lighter;
    width: 75%;
}

.logicielsDiv{
    width: 40vw;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: calc(var(--eltSpace) * 1.5) auto;
    /*margin-top: var(--sectionSpace);*/
    gap: 2vw;
}

.logicielsDiv > img{
    height: 4vw;
    filter: brightness(0.8);
}

.dates{
    margin: 0;
    text-align: center;
    font-family: "MainFont";
    color: #e2a2ec;
    font-weight: initial;
    font-size: calc(var(--linkFontSize) / 1.5);
    margin-bottom: calc(var(--eltSpace) * 1.5);
}

.projectDescription{
    font-family: "Corbel";
    font-weight: lighter;
    font-size: calc(var(--linkFontSize) * 0.6);
    text-align: center;
    width: 65%;
    margin: auto;
    margin-bottom: var(--sectionSpace);
}

.projectMissionsDiv{
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: row;
    text-align: left;
    background: #e2a2ec;
    padding: var(--sectionSpace) 15%;
    font-family: "Corbel";
    font-weight: lighter;
    font-size: calc(var(--linkFontSize) * 0.5);
    justify-content: space-between;
    /*align-items: center;*/
}

b{
    font-weight: initial;
    color : #4d3851;
    font-style: normal;
    font-family: "MainFont";
    letter-spacing: 0.05rem;
}

.missions{
    max-width: 35vw;
    /*width: 50%;*/
    list-style: none;
}

.mission{
    margin: 2vh 0;
    font-style: italic;
}

.image{
    width: 32vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.illustration{
    /*width: 37vw;*/
    /*height: 10vh;*/
    /*aspect-ratio: 1/1;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*width: 32vw;*/
    /*height: 100%;*/
    /*height: 45vh;*/
    /*min-height: 25vh;*/
    object-fit: cover;
    border-radius: 0.7rem;
    border : 0.2rem solid #f8dbff;
    width: 100%;
    aspect-ratio: 16/9;
    position: relative;
    top: 0;
}

.illustrationLegend{
    text-align: center;
    color: #86618c;
    font-family: "Corbel";
    font-size: calc(var(--titleFontSize) / 3.5);
    margin: 0;
    margin-top: calc(var(--eltSpace) / 8);
}

.projectEtpaesSection{
    display: flex;
    flex-direction: column;
    /*text-align: left;*/
    padding: var(--sectionSpace) 15%;
    /*font-family: "Corbel";*/
    /*font-weight: lighter;*/
    /*font-size: calc(var(--linkFontSize) * 0.5);*/
    /*justify-content: space-between;*/
    align-items: center;
}

.projectEtpaesDiv{
    width: 100%;
    display: flex;
    /*!*flex-wrap: wrap;*!*/
    flex-direction: row;
    text-align: left;
    /*padding: var(--sectionSpace) 15%;*/
    font-family: "Corbel";
    font-weight: lighter;
    font-size: calc(var(--linkFontSize) * 0.5);
    justify-content: space-between;
    /*align-items: center;*/
}

.etapesTitle{
    font-size: var(--titleFontSize);
    font-family: "MainFont";
    font-weight: initial;
    text-align: center;
    color: #e2a2ec;
    margin-bottom: var(--eltSpace);
}

.etapes{
    max-width: 35vw;
    /*width: 50%;*/
    list-style: none;
}

.etape{
    margin: 2vh 0;
    font-style: italic;
}

b.pink{
    color: #e2a2ec;
}


#large{
    margin-top: calc(var(--eltSpace) * 0.6);
    width: 69.5vw;
}

.projectCompetencesSection{
    display: flex;
    flex-direction: column;
    max-width: 75vw;
    padding: 0 15%;
    margin-bottom: var(--sectionSpace);
}

.projectCompetencesDiv{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--eltSpace);
    font-family: "Corbel";
    font-weight: lighter;
    font-size: calc(var(--linkFontSize) * 0.5);
}

.competenceTitle{
    font-size: calc(var(--titleFontSize) * 0.7);
    font-family: "MainFont";
    font-weight: initial;
    text-align: center;
    color: #86618c;
}

.projectConclusion{
    font-family: "Corbel";
    font-weight: lighter;
    font-size: calc(var(--linkFontSize) * 0.6);
    text-align: center;
    width: 65%;
    margin: auto;
    margin-bottom: var(--eltSpace);
}

.links{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    gap: var(--eltSpace);
}

.link{
    font-family: "MainFont";
    text-decoration: underline;
    font-weight: normal;
    font-size: var(--linkFontSize);
    color: #ffffff;
    margin-top: 0;
    display: inline-block;
    transition: transform 0.2s ease;
}
.link:hover{
    color: #4d3851;
    transform: scale(103%);
}

.conclusionSection{
    background: #e2a2ec;
    padding: var(--sectionSpace) 0;
}

.moreImagesSection{
    margin-top: var(--sectionSpace);
}

.moreImages{
    display: grid;
    grid-template-columns: repeat(2, 0fr);
    justify-content: center;
    gap: calc(var(--eltSpace) * 0.5);
}

#more{
    justify-content: normal;
    width: 34vw;
}

.image#more{
    justify-self: center;
    margin: 0 auto;
    margin-bottom: calc(var(--eltSpace) * 0.5);
}

@media (max-width: 750px) {
    .projectCompetencesDiv{
        display: flex;
        flex-direction: column;
    }

    .projectCoverDiv{
        /*margin-top: calc(var(--sectionSpace) * 1.2);*/
        height: calc(var(--sectionSpace) * 4.5);
    }

    .projectTitle{
        font-size: 12vh;
    }

    .projectSubTitle{
        font-size: calc(var(--titleFontSize) * 0.8);
    }

    .logicielsDiv{
        width: 70vw;
        margin: calc(var(--eltSpace) * 2) auto;
        /*margin-top: var(--sectionSpace);*/
        margin-top: 0;
    }

    .logicielsDiv > img{
        height: 7vh;
    }

    .dates{
        font-size: calc(var(--linkFontSize) * 0.8);
        margin-bottom: calc(var(--eltSpace) * 2);
    }

    .projectDescription{
        width: 75vw;
    }

    .projectMissionsDiv{
        flex-direction: column;
    }

    .missions{
        max-width: 75vw;
        margin-bottom: var(--eltSpace);
    }

    .illustration{
        min-width: 80vw;
        height: auto;
    }

    .illustrationLegend{
        text-align: center;
        font-size: calc(var(--titleFontSize) / 3.5);
    }

    .mission{
        margin: 3vh 0;
    }

    .projectEtpaesDiv{
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .etapes{
        max-width: 75vw;
    }

    .etape{
        margin: 3vh 0;
    }

    #more{
        width: 65vw;
    }

    #large{
        height: auto;
    }

    .image{
        align-self: center;
        width: 65vw;
    }

    .moreImages{
        display: flex;
        flex-direction: column;
    }
}