html, body {
    height : 100%
}

.chart {
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    margin-top: 0;
}
.label{
    text-align: center;
    color: var(--textcolor);
    font-size: var(--titlesize);
}

.item {
    height: 100%;

    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 8px;
}
.bar {
    border-radius: 50px 50px 0 0;
    display: block;
}

.confettis {
    height: 100%;
    width: 100%;
    position:absolute ;
    animation: hideAfter5s 0.5s ease-in-out 5s forwards;
}