/* Стили для заголовка и навигации */

header {
    
    text-align: center;
    padding: 0px;
}
p { color: #000808;
    text-align: center;
    text-align: justify;
    padding: 20px; font-size: 24px;}
H1 { color: #000808;
    text-align: center;
    text-align: justify;
    padding: 5px; font-size: 24px;
 text-align: center;}
nav ul {
    list-style: none;
    padding: 0;
}
 
nav li {
    display: inline;
    margin-right: 20px;
    
    text-decoration-color: #2E8B57;
}

nav a {
    text-decoration: none;

    color: #000808;
}

/* Стили для футера */
footer {
    background-color: #2E8B57;
    color: #2E8B57;
    text-align: center;
    padding: 1px;
}
/* Стили для элемента с анимацией фона */
.animated-background {
    width: 98,5%;
    height: 50%; /* Занимает всю высоту видимой области окна */
    background: linear-gradient(45deg, #0077b6, #ff8800); /* Начальный фоновый градиент */
    background-size: 200% 200%; /* Устанавливаем размер фона для анимации */
    animation: changeBackground 5s linear infinite; /* Анимация изменения фона */
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 24px;
}