/* Убираем стандартные отступы у браузера */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: sans-serif; /* Просто для примера */
}

body {
    /* Укажите путь к вашему изображению */
    background-image: url('web.png');

    /* Изображение будет занимать всю высоту экрана */
    height: 100vh;

    /* Располагаем изображение по центру */
    background-position: center;

    /* Отключаем повторение изображения */
    background-repeat: no-repeat;

    /* Масштабируем изображение так, чтобы оно полностью покрывало экран */
    background-size: cover;
    
    /* (Опционально) Фиксирует фон при прокрутке страницы */
    background-attachment: fixed;
}

/* Стили для контента, чтобы он был читаемым */
.content {
    color: white;
    text-align: center;
    padding-top: 25%; /* Располагаем контент ближе к центру */
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* Тень для текста для лучшей читаемости */
}

.content h1 {
    font-size: 4rem;
}

.content p {
    font-size: 1.5rem;
}