#QuiSuisJe .flex-container{
    align-items: stretch;}

#QuiSuisJe .wrapper-img{
    max-width: 840px;
    flex: auto;
    margin-top: auto;
}

#QuiSuisJe .wrapper-contenu{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 460px;
    background: var(--clr-primary);
background: linear-gradient(175deg, rgba(141, 182, 255,0.66) 25%, rgba(221, 83, 37,0.88) 90%);
border-radius: 36px;
padding: 1.88rem;
color: var(--clr-lighter);
text-align: center;
flex: auto;
}
#QuiSuisJe .wrapper-contenu h1,
#QuiSuisJe .wrapper-contenu h2{
text-shadow: 2px 2px var(--clr-primary);
}
#QuiSuisJe .wrapper-contenu h1{
    font-size: 1.66rem;
    font-weight: bold;
    margin: 1rem 0rem;
}
#QuiSuisJe .wrapper-contenu .circle{
    margin-left: auto;
margin-right: auto;
max-width: 150px;
}
.list-linktree{
    margin-top: 2rem;
}
.list-linktree > *{
    display: block;
padding: 1.33rem;
background-color: var(--clr-lighter);
margin-bottom: 1rem;
border-radius: 8px;
box-shadow: 9px 6px 0px 0px rgba(221, 83, 37,0.55);
display: flex;
flex-direction: row;
align-items: center;
color: var(--clr-primary);
transition: 0.3s;
}
.list-linktree > *:hover{
background-color: var(--clr-lighter);
box-shadow: 9px 6px 6px 0px rgba(221, 83, 37,0.55);
color: var(--clr-primary);
font-size: 1.11rem;
font-weight: bold;
}

.list-linktree svg{
max-width: 50px;
font-size: 2rem;
}

.list-linktree span{
    width: calc(100% - 50px);
}


#QuiSuisJe .menu{
    align-items:center;
    width: 100%;
    margin-top: 1.66rem;
}

#QuiSuisJe .menu > * {
    display: block;
    background-color: transparent;
    border-bottom: none;
    color:var(--clr-lighter);
    padding: 0px;
    margin: 0px;
}
#QuiSuisJe .menu > * > svg{
    padding: 0px;
    margin: 0px;
}
#QuiSuisJe .menu > *:hover {
    background-color: transparent;
    border-bottom: none;
    color:var(--clr-primary);
}
#QuiSuisJe .menu > *:active {
    background-color: var(--clr-secondary);
    border-bottom: 4px var(--clr-primary) solid;
    color:var(--clr-primary);
}