/* Общие стили для страницы */
body {
    color: #0000CD;
    margin: 0 auto;
    padding: 0;
    font-family: 'Trebuchet MS', sans-serif;
}

/* Контейнер */
.container {
    max-width: 900px;
    margin: 20px auto;
    padding: 30px;
    background-color: #1c1c1c;
    border-radius: 23px;
    box-shadow: 0 0 20px rgb(177 156 156 / 70%);
    text-align: center;
}

.block_content {
	padding: 5px 8px 2px;
	border-radius: 0 0 5px 5px;
	background-color: #eee0;
	margin-top: -1px;
	margin-bottom:8px;
}

/* Заголовок */
.title {
    color: #ffa500;
    font-size: 24px;
}

/* Текстовые блоки */
.text {
    font-size: 18px;
    margin-bottom: 3px;
    line-height: 1.5;
}

/* Цвета текста */
.text-orange {
    color: #ffa500;
}

.text-green {
    color: #228B22;
}

.text-blue {
    color: #1e90ff;
}

.text-purple {
    color: #9370db;
}

.text-red {
    color: #ff6347;
}

.text-SaddleBrown {
    color: #8B4513;
}

.text-Teal {
    color: #008080;
}

.text-Maroon {
    color: #800000;
}

/* Выделение текста */
.highlight {
    font-weight: bold;
    text-decoration: underline;
}

/* Изображение */
.image img {
    width: 100%;
    max-width: 400px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
    margin: 20px auto;
}

/* Нижняя часть
.footer {
    margin-top: 30px;
    font-size: 20px;
    color: #77ff2e;background: url(https://media.tenor.com/YGmxicSixkUAAAAC/colors.gif)center; font-size: 25px; -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-weight: bold; filter: drop-shadow(0 0 3px rgba(155, 1, 155, 1));
}*/

/* Стили для футера */
.footer {
    margin-top: 30px;
    padding: 20px;
    background-color: #2c2c2c;
    border-top: 2px solid #f5f5f5;
    color: #d3d3d3;
    text-align: center;
    font-size: 18px;
    animation: footer-fade-in 5s ease-in-out;
}

/* Анимация плавного появления футера */
@keyframes footer-fade-in {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Выделение текста в футере */
.footer .highlight {
    font-weight: bold;
    color: #ffd700; /* Золотистый цвет для выделения */
    text-shadow: 0px 0px 10px rgba(255, 215, 0, 0.8);
    animation: highlight-pulse 3s infinite;
}

/* Анимация для плавного пульсирования текста */
@keyframes highlight-pulse {
    0% {
        text-shadow: 0px 0px 5px rgba(255, 215, 0, 0.4);
    }
    50% {
        text-shadow: 0px 0px 15px rgba(255, 215, 0, 0.9);
    }
    100% {
        text-shadow: 0px 0px 5px rgba(255, 215, 0, 0.4);
    }
}