/* Общие стили для страницы */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    min-height: 100vh; /* Обеспечивает, что body будет занимать всю высоту страницы */
    display: flex;
    flex-direction: column;
}

/* Хедер */
header {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
}

/* Основной контент */
main {
    background-color: #ffb81c;
    color: #000;
    padding: 2rem;
    text-align: center;
    flex-grow: 1; /* Это заставит main занять все оставшееся пространство */
}

/* Футер */
footer {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 1rem 0;
    position: relative;
    width: 100%;
}

/* Мобильные стили */
@media (max-width: 767px) {
    p {
        line-height: 1.7;
    }
}