.all-rounds {
    display: flex;
    width: 100%;
    height: 100%;
}

.normal-rounds {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 20%;
    row-gap: 0.5rem;
    flex-grow: 1;
}

.semi-final {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 20%;
}

.final {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 20%;
}

.left-side {
    display: flex;
    flex-flow: column;
    width: 20%;
    background-color: blue;
}

.right-side {
    display: flex;
    flex-flow: column;
    width: 20%;
    background-color: green;
}

path {
    stroke: black;
    fill: none;
    stroke-width: 0.1px;
}