/* Вертикальна смуга прокручування відображається завжди */
html {
    overflow-y: scroll;
}

/* Пошук */
.wrapper {
   margin: 0 1%;
}
h2, .search-wrapper p {
    margin: 1em auto;
}
.search-wrapper input[type=text] {
    width: 200px;
    font-size: 16px;
    margin-top: 2px;
}
.search-result {
    font-style: italic;
}
code {
  border-radius: 3px;
}
.card {
   margin: 1% 0;
}
.card-body {
    padding-bottom: 0;
}

/* Розділи і рівні складності */
.chapter {
    background: rgba(23,162,184,1);
}
.chapter-level-line {
    border-bottom: dashed 1px #d9d9d9;
}
.level1, .level2, .level3, .chapter {
    color: #fff;
    font-size:  xx-small;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 4px;
}
.level1 {
    background: rgba(78,166,153,1);
}
.level2 {
    background: rgba(255,159,28,1);
}
.level3 {
    background: rgba(227,23,10,1);
}

/* Лінки */
a {
    color: rgba(23,162,184,1);
}
a:hover {
    color: rgba(26,92,103,1);
    text-decoration: none;
}