.svetofor {
    border: var(--border);
    border-radius: var(--radius);
    padding: 24px;
}

.light {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: var(--lightgray);
}

.red.active {
    background-color: var(--red);
}

.yellow.active {
    background-color: var(--yellow);
}

.green.active {
    background-color: var(--green);
}

#mainbtn {
    min-width: 328px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#graph {
    align-self: center;
    max-width: 100%;
    width: 600px;
}

.round_label {
    font-size: 20px;
    margin-bottom: 10px;
}

.round_time, .too_early {
    font-size: 50px;
}

.too_early img {
    width: 450px;
    max-width: 100%;
}

.timer {
    display: none;
}