/* -Reset- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; background: transparent;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -wmozebkit-crip-edges;
    -ms-interpolation-mode: nearest-neighbor;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-size: 7vw;
}

body {
    display: flex;
    justify-content: center;
    height: 100vh;
    margin: 0;
    background: crimson;
    color: #000;
    font-family: Barriecito, Poppins, sans-serif;
    font-size: 0;
}

#main {
    margin: calc(50vh - 30px) 0;
    height: 60px;
    text-align: center;
    font-size: inherit;
}

#main span {
    display: inline-block;
    animation: wave 2s ease-in-out infinite;
    vertical-align: middle
}

#main span:nth-child(1), #main span:nth-child(11) {
    animation-delay: 0s;
    font-size: 1.5rem;
}
#main span:nth-child(2), #main span:nth-child(12) {
    animation-delay: 0.2s;
    font-size: 1rem;
}
#main span:nth-child(3), #main span:nth-child(13) {
    animation-delay: 0.4s;
    font-size: 1.2rem;
}
#main span:nth-child(4), #main span:nth-child(14) {
    animation-delay: 0.6s;
    font-size: 0.8rem;
}
#main span:nth-child(5), #main span:nth-child(15) {
    animation-delay: 0.8s;
    font-size: 1rem;
}
#main span:nth-child(6), #main span:nth-child(16) {
    animation-delay: 1.0s;
    font-size: 1.3rem;
}
#main span:nth-child(7) {
    animation-delay: 1.2s;
    font-size: 1.5rem;
}
#main span:nth-child(8) {
    animation-delay: 1.4s;
    font-size: 1rem;
}
#main span:nth-child(9) {
    animation-delay: 1.6s;
    font-size: 0.9rem;
}
#main span:nth-child(10) {
    animation-delay: 1.8s;
    font-size: 1.1rem;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(-6px);
    }
    50% {
        transform: translateY(-12px);
    }
}