@import url(https://fonts.googleapis.com/css2?family=Akaya+Telivigala&display=swap);body{margin-top:50px;font-family:'Akaya Telivigala',cursive;padding:0;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#903f8b 46%,#bd9857 100%)}.main h1{text-align:center;font-size:3rem;color:#fff}.main{display:flex;flex-direction:column;align-items:center;justify-content:center}.main .info{text-align:center;font-size:2rem;color:#fff;margin-left:auto;margin-right:auto}.block{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100%}.card{font-size:1.5rem;color:#fff;border:2px solid #000;margin:2rem;width:100%;border-radius:10px}.card-header{text-align:center;padding:.8rem;border-bottom:1px solid #000}.card-body{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:.5rem}a{color:#fff;text-decoration:none;margin-top:10px;width:100%;text-align:center;padding:.3rem;border-top:1px solid #000}.container-audio{width:100%;height:auto;padding:20px;border-radius:5px;color:#444;margin-bottom:70px;overflow:hidden}audio{width:100%}audio:nth-child(2), audio:nth-child(4), audio:nth-child(6) {margin:0}.container-audio .colum1{width:23px;height:5em;border-radius:5px;margin:0 10px 0 0;display:inline-block;position:relative}.container-audio .colum1:last-child{margin:0}.container-audio .colum1 .row{width:100%;height:100%;border-radius:5px;background:linear-gradient(to up,#70a,#80f);position:absolute;-webkit-animation:Rofa 10s infinite ease-in-out;animation:Rofa 10s infinite ease-in-out;bottom:0}.container-audio .colum1:nth-of-type(1) .row {-webkit-animation-delay:3.99s;animation-delay:3.99s}.container-audio .colum1:nth-of-type(2) .row {-webkit-animation-delay:3.80s;animation-delay:3.80s}.container-audio .colum1:nth-of-type(3) .row {-webkit-animation-delay:3.70s;animation-delay:3.70s}.container-audio .colum1:nth-of-type(4) .row {-webkit-animation-delay:3.60s;animation-delay:3.60s}.container-audio .colum1:nth-of-type(5) .row {-webkit-animation-delay:3.50s;animation-delay:3.50s}.container-audio .colum1:nth-of-type(6) .row {-webkit-animation-delay:3.40s;animation-delay:3.40s}.container-audio .colum1:nth-of-type(7) .row {-webkit-animation-delay:3.30s;animation-delay:3.30s}.container-audio .colum1:nth-of-type(8) .row {-webkit-animation-delay:3.20s;animation-delay:3.20s}.container-audio .colum1:nth-of-type(9) .row {-webkit-animation-delay:3.10s;animation-delay:3.10s}.container-audio .colum1:nth-of-type(10) .row {-webkit-animation-delay:2.1s;animation-delay:2.1s}.container-audio .colum1:nth-of-type(11) .row {-webkit-animation-delay:2.1s;animation-delay:2.1s}.container-audio .colum1:nth-of-type(12) .row {-webkit-animation-delay:2.10s;animation-delay:2.10s}.container-audio .colum1:nth-of-type(13) .row {-webkit-animation-delay:2.20s;animation-delay:2.20s}.container-audio .colum1:nth-of-type(14) .row {-webkit-animation-delay:1.30s;animation-delay:1.30s}.container-audio .colum1:nth-of-type(15) .row {-webkit-animation-delay:1.40s;animation-delay:1.40s}.container-audio .colum1:nth-of-type(16) .row {-webkit-animation-delay:1.50s;animation-delay:1.50s}.container-audio .colum1:nth-of-type(17) .row {-webkit-animation-delay:1.60s;animation-delay:1.60s}.container-audio .colum1:nth-of-type(18) .row {-webkit-animation-delay:1.70s;animation-delay:1.70s}.container-audio .colum1:nth-of-type(19) .row {-webkit-animation-delay:1.80s;animation-delay:1.80s}.container-audio .colum1:nth-of-type(20) .row {-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes Rofa {
    0% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: yellow;
    }

    5% {
        height: 100%;
        -webkit-transform: translatey(15px);
        transform: translatey(15px);
        background-color: fuchsia;
    }
    10% {
        height: 90%;
        transform: translatey(0);
        -webkit-transform: translatey(0);
        background-color: bisque;
    }

    15% {
        height: 80%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    20% {
        height: 70%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }
    25% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }
    30% {
        height: 70%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }
    35% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    40% {
        height: 60%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    45% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    50% {
        height: 50%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    55% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    60% {
        height: 40%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    65% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    70% {
        height: 30%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    75% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    80% {
        height: 20%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    85% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    90% {
        height: 10%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    95% {
        height: 5%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
    100% {
        height: 0;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
}@media (min-width:768px){.card{width:20%}.container-audio{width:50%;height:auto;padding:20px;border-radius:5px;color:#444;margin-bottom:70px;overflow:hidden}}