/* Основные правила страницы */

html, body {
    background: radial-gradient(circle at top, rgba(20, 20, 20, 0.568), rgb(0, 0, 0) 50%);
	background-color: black; /* Устанавливаем черный фон для html и body */
	background-repeat: no-repeat; /* Предотвращаем повторение градиента */
    background-attachment: fixed; /* Закрепляем фон, чтобы он не прокручивался */
    font-family: 'Oswald', sans-serif;
    height: 100%;
    margin: 0;
	color: white;
}

body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 120px 120px; /* Устанавливаем размер иконок */
	animation: icon_anim 100s linear infinite, background_anim 4s linear infinite;
	opacity: 0.03; /* Опционально: для регулировки видимости иконок */
}

/* Анимация основного фона */

@keyframes icon_anim {
	100% { background-position: 10000px 10000px; }
}

@keyframes background_anim {
	0% { background-image: url('../img/vk.png'); }
	50% { background-image: url('../img/tg.png'); }
	100% { background-image: url('../img/vk.png'); }
}

/* Информация основного контейнера */

.Блок {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%; 
	
}

.Описание, .Описание p {
	text-align: center;
	margin: 10px; 
	padding: 0px; 
	z-index: 1;
}

.Заголовок {
	font-size: 16px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	letter-spacing: 6px;

}

.Заголовок_2 {
	font-size: 120px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	margin-top: -30px !important;
	margin-bottom: -10px !important;
}

@media (pointer: coarse) {
	.Заголовок_2 {
		font-size: 80px; /* Установите желаемый размер шрифта для мобильных устройств */
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
}

.Заголовок_3 {
	--letter-spacing: 1px;
	font-size: 15px;
	letter-spacing: var(--letter-spacing);
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.Заголовок_3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px; /* Отступ снизу, можно подправить по необходимости */
	border-bottom: 1px solid currentColor;
	width: calc(100% - var(--letter-spacing));

}

.Иконки {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px; /* Задайте нужное вам значение отступа */
	flex-wrap: wrap; /* Добавляем flex-wrap для автоматического переноса элементов */
	
}

.Иконка {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.Контакты {
	letter-spacing: 2px;
	margin: 0;
}

.Ссылка {
	display: flex;
	align-items: center;
	color: rgb(255, 255, 255);
	text-decoration: none;
	z-index: 1;
}

.Ссылка:hover {
	color: rgb(192, 255, 141);
}

/* Навигация */ 

.navbar {
	background-color: #000405;
	position: fixed;
	top: 0;
	width: 100%;
	padding: 10px 0;
	z-index: 2;

}

.navbat-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
}

.navbar-header .navbar-brand {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}

.navbar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.navbar-menu li {
	margin-left: 0px;
}

.navbar-menu li a {
	color: #fff;
	text-decoration: none;
	padding: 8px 16px;
	transition: 0.3s;
	border-radius: 4px;
}

.navbar-menu li a:hover {
	background-color: #012130;
	border-radius: 4px;
}