.element::-webkit-scrollbar {
    width: 12px; /* Ширина вертикальной полосы */
    height: 12px; /* Высота горизонтальной полосы */
}

.context-part {
    align-self: flex-start;
    margin: 1% 0;
}

ol,
ul {
    align-self: flex-start;
    margin-left: 5%;
}

li {
    margin: 1% 0;
}

.sphere-discription {
    display: flex;
    align-items: center;
    margin: 1% 0 0 3%;
}

.small-sphere {
    width: 40px;
    height: 40px;
}

.sphere-discription span {
    margin-left: 2%;
}

.mode-title {
    margin: 1% 0;
}

.simple-mode-title {
    color: rgb(18, 166, 215);
}

.survival-mode-title {
    color: rgb(209, 0, 0);
}

.training-mode-title {
    color: rgb(65, 228, 10);
}

.key-discription {
    align-self: flex-start;
    margin: 1% 3%;
}

.note {
    margin-top: 2%;
}