.title {
    font-size: 32px;
    text-align: center;
    margin-top: 48px;
}

.text-animation-wrapper {
    text-align: center; /* This will center the inline-block elements inside it */
    align-items: center;
}

#text-animation-container {
    display: inline-block;
}

#text-animation-container p {
    font-size: 20px;
    color: #333;
    white-space: pre; /* This ensures spaces are respected */
    overflow: hidden;
    border-right: .1em solid black; /* Cursor style */
    display: inline-block;
    min-width: 1ch; /* Ensures the cursor stays visible */
}

.title-and-animation {
    margin-top: 48px;
    margin-bottom: 48px;
}