main h2#cre{
    margin-bottom: 20px;
}

main{
    padding-top: 20px;
    padding-bottom: 0;
    overflow: hidden;
}

canvas{
    min-height: 4000px;
}

body{
    
    background-size: 8fr;
}

#projets{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10em, 5fr));
    justify-items: center;
    gap: 50px 30px;
    margin: 40px;
}

#mennde, #casting, #monster, #lightness, #tingting{
    display: grid;
    width: 100%
}

iframe{
    display: block;
    margin: auto;
    border-radius: 20px;
    width: 90%;
}

section#grille_photo{
    display: flex;
    justify-content: center;
    /*flex-direction: column;*/
    align-items: center;
}

q{
    font-size: 1.5rem;
    text-align: center;
}

a p{
    text-decoration: underline;
    margin:0;
}

#plusdanse, #plusdanse:visited{
    text-align: center;
    color: black;
    font-size: 1.4rem;
    margin: 40px;
}


.parties{
    margin-bottom: 50px;
}

#titre_partie{
    margin-bottom: 0;
    margin-top: 0;
}

#texte1{
    font-size: 1.5rem;
    text-align: center;
    padding: 20px;
    margin-bottom: 40px;
    margin-top: 0;
    margin: auto;
  }

#img_gamzatti, #img_monster{
    width: 60%;
    height: auto;
}

#grille_photo{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    align-items: center;
    justify-content: center;
}

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

.photo{
    width: 100%;
    text-align: center;
}

.shadow-text {
    color: #b1abf4;
    font-weight:bold;
}

#entant, #citation{
    margin:auto;
    width:70%;
    min-width:540px ;
}

#plusdanse :hover{
    color: #e7906b;
    cursor: pointer;
}

#resultats{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.resultat{
    width: 8%;
    position: relative;
}

.nombre{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.3rem;
    font-weight: bold;
    color: #b1abf4;
    background-color: rgba(11, 11, 14, 0.76);
}

.resultat img{
    width: 100%;
}

#palmares{
    margin: 40px;
}