html,body {
    height: 100%;
    overflow: clip
}

body::before {
    position: absolute;
    top: -150%;
    left: -150%;
    z-index: -1;
    width: 400%;
    height: 400%;
    content: "";
    background: linear-gradient(50deg,#a51919 35%,#1919a5 45%,#a5a519 65%);
    animation: rotate 120s infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.data-container {
    margin: 8px 0;

    .data-title::first-letter {
        text-transform: capitalize;
    }
    
    .bar-container {
        width: 200px;
        height: 20px;
        border: 2px black solid;
        overflow: hidden;
        margin-top: 4px;
    
        .bar {
            height: 100%;
            background-color: #a5191988;
            transition: width 1s ease-in-out;
        }
    }
}