.header-h2 {
    color: #fbebff;
    font-size: 25px;
    text-align: center;
}



.header-h1,
.content-card-component-header a,
.content-card-component-header {
    font-family: fantasy;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    color: #895b8f;
    font-weight: 100;
}


h1 {
    font-size: x-large;
}
h2 {
    font-size: larger;
}
h3,h4,h5,h6 {
    font-size: large;
}

.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1em 0;
}
.table-scroll table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; /* фиксированная раскладка колонок */
    min-width: 800px;
}
.table-scroll th, .table-scroll td {
    border: 1px solid #ccc;
    padding: 8px 10px;
    text-align: left;
    width: 200px;          /* фиксированная ширина колонки */
    max-width: 200px;      /* ограничение ширины */
    white-space: normal;   /* разрешаем перенос текста */
    word-wrap: break-word; /* переносим слова при необходимости */
}
.table-scroll thead {
    background-color: #f9f9f9;
    font-weight: bold;
}

/* Подсветка строки при наведении */
.table-scroll tbody tr:hover {
    background-color: #e0f7fa;
}

blockquote:nth-child(1) { border-color: green; background-color: #e6f4ea; }
blockquote:nth-child(2) { border-color: blue;  background-color: #e6eff7; }
blockquote:nth-child(3) { border-color: purple; background-color: #f1e6f7; }
blockquote:nth-child(4) { border-color: orange; background-color: #fff3e6; }
blockquote:nth-child(5) { border-color: red;    background-color: #fbe6e6; }
blockquote:nth-child(6) { border-color: green; background-color: #e6f4ea; }
blockquote:nth-child(7) { border-color: blue;  background-color: #e6eff7; }
blockquote:nth-child(8) { border-color: purple; background-color: #f1e6f7; }
blockquote:nth-child(9) { border-color: orange; background-color: #fff3e6; }
blockquote:nth-child(10) { border-color: red;    background-color: #fbe6e6; }
blockquote:nth-child(11) { border-color: green; background-color: #e6f4ea; }
blockquote:nth-child(12) { border-color: blue;  background-color: #e6eff7; }
blockquote:nth-child(13) { border-color: purple; background-color: #f1e6f7; }
blockquote:nth-child(14) { border-color: orange; background-color: #fff3e6; }
blockquote:nth-child(15) { border-color: red;    background-color: #fbe6e6; }
blockquote:nth-child(16) { border-color: green; background-color: #e6f4ea; }
blockquote:nth-child(17) { border-color: blue;  background-color: #e6eff7; }
blockquote:nth-child(18) { border-color: purple; background-color: #f1e6f7; }
blockquote:nth-child(19) { border-color: orange; background-color: #fff3e6; }
blockquote:nth-child(20) { border-color: red;    background-color: #fbe6e6; }