/*
   On active display:flex sur #Container pour que son enfant
   #centre puisse utiliser flex:1 et se centrer parfaitement.
   ------------------------------------------------------------ */
#Container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


/* ------------------------------------------------------------
   ZONE CENTRALE — le texte "Just call me Guy"
   align-items + justify-content = centré dans les deux axes.
   -------------------------------- */
#centre {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;      /* Centre verticalement */
    justify-content: center;  /* Centre horizontalement */
    font-size: 2em;
}


/* 
   LE NOM ÉDITABLE
    */
#name {
    color: var(--accent-color2);
    outline: none;
    cursor: text;
}