body{
	margin: 0;
	padding: 0;
}
.mainPage{
	background-color: black;
	color: #787878;
	width: 100vw;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr 2.5fr 1fr;
	grid-template-rows: 0.5fr 2fr 1fr;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.mainPage--limitBox{
	/* outline: 1px dashed #111111; */
	border-radius: 30px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
}
.mainPage--sites {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: end;
	gap: 10%;
	background-color: #0c0c0c;
	border-radius: 30px;
	padding: 5% 8%;
	/* min-width: 1067px; */
	min-width: 1267px;
	box-sizing: border-box;
}
.mainPage--site {
	color: #787878;
	text-decoration: none;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	height: 100%;
	gap: 1vw;
}
.mainPage--siteLogo {
	width: 100%;
	height: 100%;
	transition: 0.15s;
}
.mainPage--site:hover .mainPage--siteLogo{ scale: 1.05; }
.mainPage--site:hover .mainPage--siteAddr{ color: #0db14b; }
.mainPage--siteAddr {
	text-align: center;
	display: flex;
	align-items: end;
	justify-content: center;
}
.mainPage--contacts {
	/* background-color: #0c0c0c; */
	border-radius: 30px;
	padding: 5% 8%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	/* line-height: 2.2em; */
	gap: 1.6em;
}
.mainPage--contacts a { font-weight: bold; }

@media screen and (max-width: 1280px) {
	.mainPage--sites { min-width: auto; }
	.mainPage { grid-template-columns: 0.1fr 2.5fr 0.1fr; }
}
@media screen and (max-width: 830px) {
	.mainPage--sites { min-width: auto; padding-bottom: 28%; grid-template-columns: repeat(2, 1fr); gap: 20%; }
	.mainPage--siteStatus { grid-column: span 2; width: 50%; justify-self: center; }
	.mainPage--site { justify-items: center; }
	.mainPage { grid-template-columns: 0.1fr 2.5fr 0.1fr; grid-template-rows: 0.3fr 2fr 0.5fr; }
	.mainPage--siteLogo { width: 70%; }
}

@media screen and (min-width: 1921px) {
	.mainPage { font-size: 1vw; }
}




.mainPage_asLink{
	color: #0db14b;
	text-decoration: none;
}
.mainPage_asLink:hover { filter: brightness(1.15); }