body {
    background-color: #0f0f0f;
}

#loading-audio-container {
    width: 805px;
    height: 150px;
    position: absolute;
    border: 1px solid #822074;
    top: calc(50% - 75px);
    left: calc(50% - 402.5px);
}

#loading-audio {
    position: absolute;
    top: calc(50% + 37.5px);
    left: calc(50% - 302.5px);
}

#loading-audio-shadow {
    position: absolute;
    top: calc(50% + 40px);
    left: calc(50% - 302.5px);
}

.loading-audio {
    width: 1px;
    bottom: 0px;
    position: absolute;
    background: #822074;
    animation: loading-sound -500ms linear infinite alternate;
}

.loading-audio-shadow {
    width: 1px;
    position: absolute;
    background: #822074;
    animation: loading-sound-shadow -500ms linear infinite alternate;
}

@keyframes loading-sound {
    0% { opacity: 0.25; height: 10px; }
    100% { opacity: 1.00; height: 80px; }
}

@keyframes loading-sound-shadow {
    0% { opacity: 0.15; height: 3px; }
    100% { opacity: 0.50; height: 24px; }
}