.blog-container {
    max-width: 800px;
    margin: 120px auto 40px;
    padding: 20px;
    min-height: 100vh;
}

.blog-title {
    font-size: 36px;
    font-weight: 600;
    color: black;
    text-align: center;
    margin-bottom: 30px;
}

.blog-ul {
    list-style: none;
    padding: 0;
}

.blog-post {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    transition: box-shadow 0.3s ease;
}

.blog-post:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.post-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.post-title a {
    text-decoration: none;
    color: black;
    transition: color 0.3s ease;
}

.post-title a:hover {
    color: #68dcff;
}

.post-topic, .post-text {
    font-size: 18px;
    color: #666;
}

.post-image {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
    border-radius: 8px;
}

.blog-container img{
  width: 70%;
  height: 70%;
}

/*pre {
    background-color: #1e1e1e; !* Темный фон для блочного кода *!
    color: #f8f8f2; !* Светлый текст *!
    padding: 10px;
    border-radius: 4px;
    overflow-x: auto;
    display: inline-block; !* Подстраивает ширину по содержимому *!
    max-width: 80%; !* Ограничивает ширину до 80% экрана *!
}

code {
    background-color: #2e2e2e; !* Темный фон для встроенного кода *!
    color: #f8f8f2; !* Светлый текст *!
    padding: 2px 4px;
    border-radius: 4px;
}*/

/* Общие стили для блока кода с классом codehilite */
pre.codehilite {
    background-color: #2e3440; /* Темный фон */
    color: #d8dee9; /* Основной цвет текста */
    padding: 1em;
    border-radius: 5px;
    overflow: auto;
    font-family: 'Courier New', monospace;
}

/* Стили для различных типов текста */
pre.codehilite .k { color: #81a1c1; } /* Ключевые слова */
pre.codehilite .s { color: #a3be8c; } /* Строки */
pre.codehilite .nf { color: #88c0d0; } /* Функции */
pre.codehilite .c { color: #616e88; font-style: italic; } /* Комментарии */
pre.codehilite .mi { color: #b48ead; } /* Числа */
pre.codehilite .o { color: #ebcb8b; } /* Операторы */
pre.codehilite .nt { color: #ff7c00; } /* Тэги */