body {
    font-family: 'Open Sans', sans-serif;
}

.container {
    max-width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

#conversation {
    border-radius: 2rem;
    box-shadow: 0 0 .5rem #0007;
    padding: 2rem 2rem 3rem;
    position: relative;
    margin-top: 2rem;
}

@keyframes hourglass {
    0% { transform: rotate(0deg) }
    15% { transform: rotate(180deg) }
    50% { transform: rotate(180deg) }
    65% { transform: rotate(360deg) }
    100% { transform: rotate(360deg) }
}

#waiter {
    position: absolute;
    bottom: 1rem;
    left: 2rem;

    animation: hourglass 5s infinite;
}

.invisible {
    display: none;
}

.prefixe, .merdfix {
    font-weight: bold;
}

.prefixe {
    color: blueviolet;
}
.merdfix {
    color: darkblue;
}

#text {
    display: block;
    height: 2.5em;
    margin-top: 1rem;
    width: 100%;
}