body {
    /* Прибираємо стандартні відступи */
    margin: 0;
    padding: 0;
    
    /* Вказуємо шлях до картинки */
    background-image: url('bg.jpg'); 
    
    /* Ключова властивість: розтягує картинку на весь екран, зберігаючи пропорції */
    background-size: cover; 
    
    /* Забезпечуємо, щоб картинка була на весь простір вікна */
    min-height: 100vh;
    
    /* Додаткові налаштування для кращого вигляду */
    background-position: center center;
    background-repeat: no-repeat;
    
    /* Стиль для тексту, щоб його було видно */
    color: white; /* Зробіть текст світлим */
    /* text-align: center; */
    padding-top: 100px;
    font-family: sans-serif;
    background-color: #000;
}
/* --- Стилі для навігації в кутках --- */

/* Контейнер для фіксованої навігації */
.top-nav {
    position: fixed; /* Фіксує елемент на екрані при прокручуванні */
    top: 15px;      /* Відступ від верхнього краю */
    z-index: 1000;  /* Забезпечує, що навігація буде поверх іншого контенту */
}

/* Стиль для логотипу (Лівий куток) */
.logo-link {
    left: 15px; /* Фіксований відступ від лівого краю */
}

.logo-link img {
    width: 50px; /* Розмір логотипу */
    height: 50px;
    border-radius: 10px; /* Трохи заокруглюємо для краси */
}

/* Стиль для посилання на Privacy Policy (Правий куток) */
.privacy-link {
    right: 15px; /* Фіксований відступ від правого краю */
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5); /* Напівпрозорий фон */
    border-radius: 5px;
    text-decoration: none; /* Прибираємо підкреслення */
    color: white;
    font-weight: bold;
}

/* --- Стилі для обмеження ширини тексту --- */
.privacy-container {
    /* Встановлює максимальну ширину тексту (зазвичай 800px - 1000px) */
    max-width: 900px;
    
    /* Центрує контейнер на екрані, додаючи однакові відступи зліва та справа */
    margin-left: auto;
    margin-right: auto;
    
    /* Додаємо внутрішні відступи, щоб текст не прилипав до країв вікна */
    padding: 20px;
    
    /* Необов'язково: встановіть фон для кращої читабельності на фоновому зображенні */
    background-color: rgba(0, 0, 0, 0.7); /* Напівпрозорий чорний */
    border-radius: 10px;
}

/* --- Стилі для центрування картинок --- */

.image-stack {
    /* Ключові властивості для центрування блоку */
    display: flex;         /* Вмикає гнучкий контейнер */
    flex-direction: column; /* Розміщує елементи вертикально */
    align-items: center;    /* Центрує елементи по горизонталі */
    
    /* Обмеження ширини всього блоку, щоб картинки не були надто великими */
    max-width: 600px;
    margin: 30px auto 0 auto; /* Відступ зверху і центрування блоку */
}