:root {
	--primary-color: #ff0036;
	--base-color: #222;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

::-moz-selection {
	background: var(--primary-color);
	color: #fff;
	text-shadow: none;
}
::selection {
	background: var(--primary-color);
	color: #fff;
	text-shadow: none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: "Arsenal";
	src: url("../fonts/arsenal-regular.eot");
	src: url("../fonts/arsenal-regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/arsenal-regular.woff") format("woff"),
		url("../fonts/arsenal-regular.ttf.gz") format("truetype");
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 62.5%;
}
body {
	font: 1.4rem/1 "Arsenal", "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}
html,
body {
	height: 100%;
	width: 100%;
}
a {
	text-decoration: none;
}
svg {
	height: 100%;
	width: 100%;
}

.shell {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	width: 100%;
}
.home__logo {
	position: absolute;
	bottom: 4vh;
	right: 4vh;
	height: 6rem;
	width: 6rem;
}

.notfound .home__label-block:before {
	content: "PAGE NOT FOUND";
	color: var(--primary-color);
	font-size: 4.8rem;
	text-shadow: 2px 2px 0px #dadada;
	margin-bottom: 5vh;
}
.logo {
	height: 100%;
	width: 100%;
	fill: var(--base-color);
}
.portal {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2vw;
}
.portal__inner {
	filter: hue-rotate(30deg);
	opacity: 0.8;
}
.portal__blank {
	height: 280px;
	width: 240px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
	z-index: 10;
}
.home__footer {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.email {
	user-select: none;
	font-size: 2.4rem;
	text-align: center;
}
.email__link {
	color: var(--primary-color);
	border-bottom: 0.1rem solid;
}

@media print {
	.home__label-block {
		height: 15cm;
	}
	.home__footer {
		height: 10cm;
	}
	.home__footer:after {
		content: "www.azvo.ru";
		margin-top: 1cm;
		font-size: 12pt;
	}
	.home__label-logo {
		box-shadow: 0 0 0 10px var(--base-color);
	}
	.logo {
		fill: var(--base-color);
	}
	.email__link {
		color: #000000;
	}
}