body {
    min-height: 100vh;
    background-color: #222222;
}
header {
    font-size: 75%;
}
.off-canvas-content {
    background-color: #f8f8f8;
}
.footer {
    color:#f8f8f8;
    background-color: #777777;
    font-size: 75%;
    padding: 0.5rem;
}

h3 a {
    position: relative;
    text-decoration: none; /* Убираем стандартное подчеркивание */
    color: #5f5f5f; /* Цвет текста */
}

h3 a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0; /* Изначально ширина линии равна 0 */
    height: 2px; /* Толщина линии */
    background-color: #1468A0; /* Цвет линии */
    transition: width 0.3s ease-out; /* Плавность анимации */
}

h3 a:hover::after {
    width: 100%; /* При наведении линия растягивается на всю ширину */
}

.nav-bar {
    margin-bottom: 25px;
    background-color: #222222;
    color: #fefefe;
}