/*
Theme Name: des55
Description: Тема для сайта des55.ru
Version: 1.0
Author: dontdonkmedonks
Author URI: https://vk.com/dontdonkmedonks
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    color: #333;
    line-height: 1.6; /* Улучшение читабельности */
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

th, td {
    border: 1px solid #000;
    padding: 10px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f9f9f9;
}

tr:hover {
    background-color: #e0e0e0;
}

    body {
        font-family: 'Roboto', sans-serif;
        margin: 0;
        padding: 0;
        background-color: #121212;
        color: #d1d1d1;
    }

    /* Контейнер пропорционально ширине экрана */
    .container {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    /* Шапка */
    header {
        background-color: #000000;
        padding: 2vw 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
        margin: 0 auto;
        font-size: clamp(16px, 1.2vw, 24px);
        border-bottom: 0.2vw solid #444444;
    }

    .header-logo {
        font-size: clamp(24px, 2.5vw, 32px);
        font-weight: bold;
        color: #d1d1d1;
    }

    .header-logo span {
        color: #FFD700;
    }

    nav {
        display: flex;
        align-items: center;
    }

    nav a {
        color: #FFD700;
        text-decoration: none;
        padding: 0.5vw 1vw;
        margin: 0 0.5vw;
        font-size: clamp(14px, 1vw, 16px);
        font-weight: 500;
    }

    nav a:hover {
        background-color: #FFD700;
        color: #000000;
    }

    .get-started-btn {
        background-color: #FFD700;
        color: #000000;
        padding: 0.5vw 1.5vw;
        border-radius: 5px;
        font-size: clamp(14px, 1vw, 16px);
        font-weight: 500;
        text-decoration: none;
        margin-left: 1vw;
    }

    .get-started-btn:hover {
        background-color: #e5c100;
    }

    .header-tagline {
        font-size: clamp(14px, 1vw, 18px);
        font-weight: 300;
        color: #d1d1d1;
        text-align: center;
        margin-top: 1vw;
    }

    /* Сайдбары */
    .side-bar {
        background-color: #1a1a1a;
        color: #d1d1d1;
        padding: 1vw;
        margin-bottom: 1vw;
    }

    .side-bar-left { width: 23%; }
    .side-bar-right { width: 23%; }

    .side-bar-left nav a {
        display: block;
        padding: 0.5vw 0;
        margin: 0;
        font-size: clamp(14px, 1vw, 16px);
        font-weight: 500;
    }

    /* Основной контент */
    .main-content {
        width: 50%;
        background-color: #1a1a1a;
        padding: 1vw;
        margin-bottom: 1vw;
    }

    .news-item {
        background-color: #000000;
        padding: 1vw;
        margin-bottom: 1vw;
        border-radius: 0.5vw;
        box-shadow: 0 0.2vw 0.4vw rgba(0,0,0,0.1);
    }

    .news-item h3 {
        font-size: clamp(16px, 1.2vw, 18px);
        margin-bottom: 0.5vw;
    }

    .news-item p {
        font-size: clamp(12px, 0.9vw, 14px);
        color: #666;
    }

    .news-item img {
        width: 100%;
        height: auto;
        border-radius: 0.5vw;
        margin-bottom: 0.5vw;
    }

    .category-title {
        font-weight: bold;
        font-size: clamp(18px, 1.5vw, 20px);
        margin-bottom: 0.5vw;
    }

    .quote-item {
        background-color: #000000;
        padding: 1vw;
        margin-bottom: 1vw;
        border-radius: 0.5vw;
        box-shadow: 0 0.2vw 0.4vw rgba(0,0,0,0.1);
    }

    /* Футер */
    footer {
        background-color: #1a1a1a;
        color: white;
        text-align: center;
        padding: 1vw;
        font-size: clamp(12px, 0.9vw, 14px);
        margin-top: 1vw;
        width: 80%;
        margin: 0 auto;
    }