body {
	align-items: center;
	background: #000;
	display: flex;
	font-family: 'Arial Black', 'Impact', sans-serif;
	height: 100vh;
	justify-content: center;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.tverdy_znak {
	box-sizing: border-box;
	color: #000;
	display: flex;
	flex-wrap: wrap;
	font-size: calc(1.618rem + 3vw);
	font-weight: 900;
	gap: 0.05em;
	justify-content: center;
	letter-spacing: 0.1em;
	line-height: 1.1;
	padding: 0 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	z-index: 2;
}

@media (max-width: 375px) {
	.tverdy_znak {
		font-size: calc(1rem + 3vw);
		gap: 0.02em;
		letter-spacing: 0.05em;
		padding: 0 5px;
	}
}

.tverdy_znak span {
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	display: inline-block;
}

.tverdy_znak span:nth-child(1) { animation-name: glow-1; animation-delay: 0s; }
.tverdy_znak span:nth-child(2) { animation-name: glow-2; animation-delay: 1s; }
.tverdy_znak span:nth-child(3) { animation-name: glow-3; animation-delay: 2s; }
.tverdy_znak span:nth-child(4) { animation-name: glow-4; animation-delay: 3s; }
.tverdy_znak span:nth-child(5) { animation-name: glow-5; animation-delay: 4s; }
.tverdy_znak span:nth-child(6) { animation-name: glow-6; animation-delay: 5s; }
.tverdy_znak span:nth-child(7) { animation-name: glow-7; animation-delay: 6s; }
.tverdy_znak span:nth-child(8) { animation-name: glow-8; animation-delay: 7s; }
.tverdy_znak span:nth-child(9) { animation-name: glow-9; animation-delay: 8s; }
.tverdy_znak span:nth-child(10) { animation-name: glow-10; animation-delay: 9s; }
.tverdy_znak span:nth-child(11) { animation-name: glow-11; animation-delay: 10s; }

@keyframes glow-1 {
	0%, 100% { color: #000; text-shadow: none; }
	10%, 30% { color: #333; text-shadow: 0 0 10px rgba(255,255,255,0.1); }
}

@keyframes glow-2 {
	0%, 100% { color: #000; text-shadow: none; }
	15%, 35% { color: #444; text-shadow: 0 0 15px rgba(255,255,255,0.15); }
}

@keyframes glow-3 {
	0%, 100% { color: #000; text-shadow: none; }
	20%, 40% { color: #2a2a2a; text-shadow: 0 0 12px rgba(255,255,255,0.12); }
}

@keyframes glow-4 {
	0%, 100% { color: #000; text-shadow: none; }
	25%, 45% { color: #3a3a3a; text-shadow: 0 0 18px rgba(255,255,255,0.18); }
}

@keyframes glow-5 {
	0%, 100% { color: #000; text-shadow: none; }
	30%, 50% { color: #363636; text-shadow: 0 0 14px rgba(255,255,255,0.14); }
}

@keyframes glow-6 {
	0%, 100% { color: #000; text-shadow: none; }
	35%, 55% { color: #2d2d2d; text-shadow: 0 0 16px rgba(255,255,255,0.16); }
}

@keyframes glow-7 {
	0%, 100% { color: #000; text-shadow: none; }
	40%, 60% { color: #404040; text-shadow: 0 0 20px rgba(255,255,255,0.2); }
}

@keyframes glow-8 {
	0%, 100% { color: #000; text-shadow: none; }
	45%, 65% { color: #383838; text-shadow: 0 0 13px rgba(255,255,255,0.13); }
}

@keyframes glow-9 {
	0%, 100% { color: #000; text-shadow: none; }
	50%, 70% { color: #323232; text-shadow: 0 0 17px rgba(255,255,255,0.17); }
}

@keyframes glow-10 {
	0%, 100% { color: #000; text-shadow: none; }
	55%, 75% { color: #3c3c3c; text-shadow: 0 0 19px rgba(255,255,255,0.19); }
}

@keyframes glow-11 {
	0%, 100% { color: #000; text-shadow: none; }
	60%, 80% { color: #2f2f2f; text-shadow: 0 0 11px rgba(255,255,255,0.11); }
}