@font-face{font-family: navigation; src: url(font/InknutAntiqua-SemiBold.ttf);}
@font-face {font-family: texte;src: url(font/InriaSans-Regular.ttf);}
@font-face{font-family: anti; src: url(font/DEMON_NI.TTF);}

main{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#Hivrian{
    background: linear-gradient(180deg, rgba(82, 219, 60, 0.3) 0%, rgba(255, 200, 57, 0.3) 32.29%, rgba(165, 60, 202, 0.3) 61.98%, rgba(151, 71, 204, 0.3) 65.62%, rgba(40, 154, 218, 0.3) 93.75%), #FFFFFF;    
}

main h1{
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 3rem;
    font-family: navigation;
}

#tailles{
    background: linear-gradient(180deg, rgb(133, 133, 133) 0%, rgb(231, 231, 231) 100%), #FFFFFF;    
    height: 45rem;
    width: 90%;
    border: 0.1rem solid black;
    display: flex;
    flex-direction: row;
    align-items: end;
    overflow-x: scroll;
    padding-left: 1rem;
}

img{
    height: 100%;
    /* filter: grayscale(100%); */
}

.perso{
    display: flex;
    justify-content: center;
}

.perso a{
    margin: 1.2rem;
}

.perso img{
    width: 6rem;
    height: 6rem;
}

.bouton{
    display: flex;
    justify-content: center;
}

.bouton button{
    width: 8rem;
    padding: 0.5rem;
    font-size: 1rem;
    margin: 2rem;
    font-family: navigation;
}