---

/* Общий фон веб-страниц - серый */
body {
    background-color: #808080;
}

/* Заголовок первого уровня */
h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 26pt;
    color: blue;
    text-align: center;
}

/* Заголовок второго уровня */
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;
    color: green;
    text-align: right;
}

/* Текст абзаца */
p {
    color: red;
    background-color: yellow;
    text-indent: 30px;      /* отступ на красную строку */
    text-align: justify;     /* выравнивание по ширине */
    font-style: italic;      /* курсив */
    /* Выпуклый трёхмерный прямоугольник - эффект groove */
    border-style: groove;
    border-color: #999999;
    border-width: 4px;
    padding: 10px;
}

/* Дополнительный стиль для объёмного эффекта заголовка */
.volume-shadow {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36pt;
    font-weight: bold;
    color: blue;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* Контейнер для создания объёмного эффекта наложения двух строк */
.volume-title {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 36pt;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}

.volume-title .shadow {
    position: relative;
    color: #666666;          /* цвет тени - серый */
    margin-top: 5px;
    margin-left: 5px;
    z-index: 1;
}

.volume-title .main-text {
    position: relative;
    color: blue;
    margin-top: -40px;       /* наложение поверх тени */
    margin-left: 0;
    z-index: 2;
}

/* Стиль для списка контрольных вопросов */
.questions {
    background-color: #e0e0e0;
    padding: 15px;
    margin-top: 20px;
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

.questions li {
    color: #333333;
    font-family: Arial, sans-serif;
}