#container-presentation {
    width: 100%;
    outline-offset: var(--Minus-Full-offset);
    outline: var(--Outline);
}

#container-presentation.container-visible {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#paragraphs {
    overflow-y: scroll;
    flex: 1;
    padding: 0 0 1rem 0;
}

#container-presentation > div.composition-footer {
    outline: var(--Outline);
    outline-offset: var(--Minus-Full-offset);
}

.introduction-paragraph {
    padding: 1rem 1rem 0 1rem ;
    max-width: 50rem;
    animation: slide-in-bottom 0.5s ease-in-out;
}

#para1 {
    font-size: 3rem;
    max-width: 75rem;
}

#paragraphs-button-1 {
    display: flex;
}

#paragraphs-button-2 {
    display: none;
}


@keyframes slide-in-bottom {
    from {
        transform: translateY(+100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
  }