*{
    box-sizing: border-box;
}
.lesson{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    border: 0px solid orange;
    font-family: 'boozy';
}
.lesson thead tr {
    display: flex;
    flex-direction: column;
    height: max-content;
    font-size: 25px;
}
.lesson thead tr th {
    background: orange;
}
.lesson tbody {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow-x: auto;
    width: max-content;
    font-size: 18px;
}
.lesson tbody tr {
    display: flex;
    width: max-content;
    height: max-content;
}
.lesson th, td{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: 0 0 2px 2px;
    padding: 3px;
    border: 1px solid orange;
}

.lesson_violet{
    color: #3a3381;
}
.lesson_pink{
    color: #c75598;
}
.lesson_red{
    color: #e0202e;
}
.lesson_orange{
    color: #e38022;
}
.lesson_blue{
    color: #419acf;
}
.lesson_blue_white{
    color: #497792;
}
.lesson_green{
    color: #209954;
}
.lesson_teal{
    color: teal;
}
.lesson_lilac{
    color: #d7197d;
}
.lesson_black_bold{
    color: #000;
}
.lesson_black{
    color: #575757;
}