body {
    margin: 0;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.title {
    text-align: center;
    font-weight: bold;
    font-size: calc(78px + (60 - 42) * (100vw - 768px) / (1440 - 768));
    font-family: "BR Firma", sans-serif;
}

.bounce {
    display: flex;
    justify-content: center;
}

.bounce-letter {
    display: inline-block;
}

.expand {
    transition-property: column-gap;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.51,.92,.54,.96);
    column-gap: 0;
}

.expand:hover {
    column-gap: 1.5vw;
}