/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

body {
	/*background-image: url(./bg.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #CCCCFF;
	font-family: MontserratRegular;
}
.bg{
	left: 0px;
	top: 0px;
	position: fixed;

	z-index: 0;
}
.bgfilter{
	left: 0px;
	top: 0px;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	backdrop-filter: blur(8px);
}
/*
 * body
 * {
 * Местоположение фоновой картинки * background-image: url(images/background-photo.jpg);
 * Фоновое изображение выровнено по центру в горизонтальной и вертикальной плоскостях * background-position: center center;
 * Фон не повторяется * background-repeat: no-repeat;
 * Фон зафиксирован в области просмотра и потому не двигается, когда высота контента превышает высоту изображения * background-attachment: fixed;
 * Это свойство заставляет фон менять масштаб при изменении размеров содержащего его контейнера * background-size: cover;
 * Цвет фона, который будет отображаться при загрузке фоновой картинки * background-color: #464646;
 * }
 */
.header {
	left: 0px;
	top: 0px;
	height: 64px;
	width: 100vw;
	position: fixed;
	z-index: 100;

	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(64px);

	display: flex;
	align-items: center;
	justify-content: center;

	-webkit-touch-callout: none;/* iOS Safari */
	-webkit-user-select: none;	/* Chrome/Safari/Opera */
	-khtml-user-select: none;	/* Konqueror */
	-moz-user-select: none;		/* Firefox */
	-ms-user-select: none;		/* Internet Explorer/Edge */
	user-select: none;			/* Non-prefixed version, currently not supported by any browser */

	transition: all .3s ease;
}
.header a{
	color: #fff;
	font-size: 32px;
	text-decoration: none;
}
.header.hide {
	transform: translateY(-100%);
}
.content {
	width: 100%;
	left: 0px;
	top: 64px;
	position: relative;
	z-index: 10;

	display: flex;
	align-items: center;
	justify-content: center;

	flex-flow: column wrap;
}
.bio {
	color: #fff;
	font-size: calc(11px + 1vh + 1vw);
	text-align: justify;
	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(64px);
	padding: 32px;
	border-radius: 32px;
	margin: 10vw 10vw 100vh 10vw;
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
}
.center{
	text-align: center;
}
.bio::selection {
	color: rgba(0, 0, 0, 0.875);
	background-color: rgba(204, 51, 204, 0.875);
}
.info {
	color: #fff;
	font-size: calc(11px + 1vh + 1vw);
	text-align: justify;
	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(64px);
	padding: 32px;
	border-radius: 32px;
	margin: 5vh 10vw 5vh 10vw;
	z-index: 50;
	/*display: grid;*/

	align-items: center;
	justify-content: center;
}
.info::selection {
	color: rgba(0, 0, 0, 0.875);
	background-color: rgba(204, 51, 204, 0.875);
}
/*
.invert{
	-webkit-filter: invert(100%);
    filter: invert(100%);
}*/
.tgprev{
	left: 0px;
	z-index: 0;
	height: 50vh;
	filter: grayscale(0.75);
}
.space{
	height: 70vh;
}
.pink {
	background-color: rgba(32, 32, 32, 1.0);
}
.container {
	margin: 1vh 0;
}
.text {
	color: #fff;
	font-size: calc(10px + 0.5vh + 0.5vw);
	text-align: center;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.link_parent {
	text-align: center;
}
.link {
	color: #000;
	text-decoration: none;
	background:
		linear-gradient(to right, #fff, #fff),
		linear-gradient(to right, rgba(128, 128, 128, 1.0), rgba(128, 128, 128, 1.0));
	background-size:
		0 100%,
		100% 100%;
	background-position:
		100% 100%,
		0 100%;
	background-repeat: no-repeat;
	transition: color .3s linear, background-size .3s;

	-webkit-touch-callout: none;/* iOS Safari */
	-webkit-user-select: none;	/* Chrome/Safari/Opera */
	-khtml-user-select: none;	/* Konqueror */
	-moz-user-select: none;		/* Firefox */
	-ms-user-select: none;		/* Internet Explorer/Edge */
	user-select: none;			/* Non-prefixed version, currently not supported by any browser */
}
.link:hover {
	background-size:
		100% 100%,
		100% 100%;
	background-position:
		0 100%,
		0 100%;
}
.grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-auto-flow: row;
}
.grid-item {
	background-color: rgba(16, 16, 16, 1.0);

	margin: 1.25vw;
	height: 30vw;
	width: 30vw;

	display: flex;
	align-items: center;
	justify-content: center;
}
.folder-name{
	color: #fff;
	font-size: calc(10px + 0.5vh + 0.5vw);
	text-align: center;
	z-index: 50;
}
._image {
	min-height: 100vh;
	min-width: 100vw;
}
.image {
	max-height: 30vw;
	max-width: 30vw;
}

.logo {
	width: 64px; /* Ширина */
	height: 64px;  /* Высота */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row;
}
.logo img {
	width: 54px; /* Ширина */
	height: 54px;  /* Высота */
	transition: 0.3s; /* Время эффекта */
}
.logo:hover img {
	transform: scale(1.2); /* Увеличиваем масштаб */
}
.logo36 {
	width: 64px; /* Ширина */
	height: 64px;  /* Высота */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row;
}
.logo36 img {
	width: 36px; /* Ширина */
	height: 36px;  /* Высота */
	transition: 0.3s; /* Время эффекта */
}
.logo36:hover img {
	transform: scale(1.2); /* Увеличиваем масштаб */
}

.social_networks{
	display: flex;
	align-items: center;
	justify-content: center;

	/*flex-flow: row;*/
}
.mini-text {
	text-align: center;
	font-size: calc(8px + 0.5vh + 0.5vw);
	z-index: 10;
	/*
	display: flex;
	align-items: center;
	justify-content: center;
	*/
}
.gray{
	color: rgba(128, 128, 128, 1.0);
}
.ban {
	-webkit-touch-callout: none;/* iOS Safari */
	-webkit-user-select: none;	/* Chrome/Safari/Opera */
	-khtml-user-select: none;	/* Konqueror */
	-moz-user-select: none;		/* Firefox */
	-ms-user-select: none;		/* Internet Explorer/Edge */
	user-select: none;			/* Non-prefixed version, currently not supported by any browser */
}
@font-face {
  font-family: MontserratRegular;
  src: url(../ttf/Montserrat-Regular.ttf);
}