body {
    font-family: Archivo, sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 20px;
}

a {
    font-weight: 700;
    color: rgb(83, 83, 255);
    text-decoration-line: none;
}

.container {
    padding: 0 10px 0 10px;
}

.header {
    margin-top: 10px;
    font-size: 1.7em;
    font-weight: 700;
}

.user-info {
    background-color: lightcyan;
}

.event-counted {
    margin-top: 5px;
    color: white;
    font-size: 1.3em;
    font-weight: 700;
    background-color: lightslategray;
}

.console {
    font-size: 1.3em;
    margin-top: 15px;
}

.console-header {
    margin-top: 10px;
    font-weight: 700;
}

.chairs {
    background-color: lightgreen;
}

.women {
    background-color: pink;
}

.men {
    background-color: lightblue;
}

.counter-age {
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 500;
}

.counter-option {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

.user, .last-action, .count {
    margin-top: 10px;
}

.user, .last-action {
    background-color: lightcyan;
}

.strong {
    font-weight: 700;
}

.button {
    margin: 10px 0;
}

.btn {
    font-size: 1.3em;
    font-weight: 700;
/*    background-color: rgb(170, 170, 170); */
}

.btn-number-label {
    font-size:1em;
    padding:0px 3px;
}

.btn-submit {
    background-color: green;
}


/* events */

.practice {
    background-color: green;
    color: black;
    margin-top: 5px;
}

.events-future {
    font-size: 1.2em;
    font-weight: 300;
    background-color: lightskyblue;
}

.event-current {
    margin-top: 5px;
    font-size: 1.3em;
    font-weight: 500;
    color: black;
/*    background-color: lightgray; */
}

.event.datetime {
    background-color: lightblue;
}

.practice {
    background-color: lightgreen;
}

.time {
    font-weight: 700;
}