/* Основные стили для всего документа */
body {
    background: #1b1b1b; /* темный фон */
    color: white; /* белый текст */
    font-family: 'Montserrat', sans-serif; /* шрифт Montserrat */
    margin: 0;
    padding: 0;
    user-select: text; /* запрет на выделение текста */
    letter-spacing: 0.5px; /* небольшое расстояние между буквами */
}
html {
    height: 100%;
    overflow: auto;
    scrollbar-color: #5750DA #111111; /* цвета полосы прокрутки */
    scrollbar-width: thin;
    scroll-behavior: smooth; /* плавная прокрутка */
}

/* Секция с информацией */
.other_info {
    width: 80%;
    margin: 7rem auto;
}

.info_section {
    margin-bottom: 4vh;
}

.info_section h1 {
    font-size: 32px;
    font-weight: 700; /* жирный текст */
    color: #5750DA; /* синий цвет */
    border-bottom: 2px solid rgba(87, 80, 218, 0.62);
    padding-bottom: 15px;
}

.info_section h2 {
    font-size: 24px;
    font-weight: 600;
    color: white;
    margin-top: 1.5vh;
    border-bottom: 1px solid rgba(87, 80, 218, 0.62);
    padding-bottom: 10px;
}

.info_section h3 {
    font-size: 20px;
    font-weight: 500;
    color: #5750DA;
    margin-top: 2vh;
}

.info_section ul {
    padding-left: 20px;
}

.info_section ul li {
    font-size: 1rem;
    font-weight: 500;
    color: #D8D8D8; /* светлый серый цвет */
    line-height: 1.8;
    margin-bottom: 1.5vh;
}

.info_section ul a {
    font-size: 1rem;
    font-weight: 500;
    color: #D8D8D8;
    text-decoration: none;
}

.info_section ul a:hover {
    color: #5750DA;
}

.info_section p {
    font-size: 1rem;
    font-weight: 500;
    color: #D8D8D8;
    line-height: 1.8;
    margin-top: 2vh;
}

.info_section strong {
    color: #5750DA;
    font-weight: 600;
}

.info_section ul strong a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s;
}

.info_section ul strong a:hover {
    color: #5750DA;
}