/* Layout CSS - Structure de la page */

.page-container {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
}

.column {
    flex: 1;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.left-column {
    align-items: flex-end;
}

.center-column {
    justify-content: center;
    align-items: center;
}

.right-column {
    align-items: flex-start;
}

/* Containers pour les animations de texte */
.animated-text-container {
    width: auto;
}

.left-text-container {
    text-align: right;
}

.right-text-container {
    text-align: left;
}

.text-line-wrapper {
    margin-bottom: var(--text-line-margin-bottom);
    height: calc(var(--text-line-font-size-css) * var(--text-line-height-css));
    position: relative;
    overflow: visible;
}

.text-line {
    display: flex;
    align-items: center;
    font-size: var(--text-line-font-size-css);
    line-height: var(--text-line-height-css);
    font-weight: 400;
    color: var(--text-color);
    opacity: 0;
    white-space: nowrap;
    height: 100%;
}

/* Container pour le logo SVG - Agrandi */
#logo-container {
    width: 70vw; /* Utilise 70% de la largeur de la fenêtre */
    max-width: 70vh; /* La largeur max est 70% de la hauteur de la fenêtre, pour garder une proportion */
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem 0; /* Marges verticales un peu réduites */
}

#logo-container svg {
    width: 100%;
    height: auto;
    display: block;
}