@font-face {
	font-family: "sf-alien-encounter";

	src: url(=materials=/sf-alien-encounters.regular.ttf);
}

* {
	padding: 0;

	margin: 0;

	border: none;

	outline: none;

	background: none;

	scrollbar-width: none;

	font-family: "sf-alien-encounter", "Roboto";
}

:root {
	--blink-anim-time: 0s;

	--wall-width: 52%;

	--wall-left: 23%;

	--wall-top: 14%;

	--wall-height: 40%;

	--video_wrapper-button-left: 29%;

	--video_wrapper-button-width: 40%;

	--video_wrapper-button-height: 36%;

	--height-diff: 0px;

	--width-diff: 0px;

	--wall-font-size: 18px;
}

::-webkit-scrollbar {
	width: 0;
}

.video-start {
	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 5;

	/* cursor: pointer; */

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	height: 100vh;

	background-color: rgb(0, 0, 0);
}

.video-start__caption {
	color: #fff;
}

.start-close {
	animation: 0.5s startCloseKeys ease-out;
}

@keyframes startCloseKeys {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.video {
	position: relative;

	height: 100vh;
	width: 100vw;

	overflow: hidden;
}

.video__content {
	min-width: 100%;

	min-height: 100%;

	-o-object-fit: cover;

	object-fit: cover;
}

.video__wrapper-button {
	position: absolute;

	bottom: 0;

	left: var(--video_wrapper-button-left);

	display: none;

	justify-content: space-between;

	width: var(--video_wrapper-button-width);

	height: var(--video_wrapper-button-height);

	box-sizing: border-box;

	justify-content: space-between;
    width: var(--video_wrapper-button-width);
    height: var(--video_wrapper-button-height);
}

.basic_block {
	aspect-ratio: 2 / 3;

	height: 100%;
}

.video__button {
	/* border: 1px solid #fff; /* Закомментировать позже */

	width: 100%;

	height: 100%;

	font-size: 18px;

	color: #fff;

	/* cursor: pointer; */

	position: relative;
    z-index: 10;
}

/* .pos_left {

  text-align: left;

}

.pos_right {

  text-align: right;

}

.pos_left:hover {

  text-shadow: 1px 1px 1px #49caf1;

}

.pos_right:hover {

  text-shadow: 1px 1px 1px #040202;

} */

.wall {
	position: absolute;

	/* top: -100vh; */

	/* left: 50%; */

	/* width: 80%; */

	/* height: 100vh; */

	top: calc(var(--wall-top) + var(--height-diff) * 1.3);

	left: calc(var(--wall-left) + var(--width-diff) / 2);

	width: calc(var(--wall-width) - var(--width-diff));

	height: calc(var(--wall-height) - var(--height-diff) * 1.3);

	/* transform: translateX(-50%); */

	/* border: 1px solid #fff; */

	/* display: none; */

	transform: rotate(0.5deg);

	overflow: hidden scroll;

	scrollbar-width: none;

	color: #def0f0;

	text-align: justify;

	font-size: var(--wall-font-size);

	line-height: calc(var(--wall-font-size) * 2);

	-webkit-text-size-adjust: none;

	text-size-adjust: none;
}

.wall span::after {
	content: "";

	display: inline-block;

	width: 5px;

	background: #def0f0;

	height: var(--wall-font-size);

	animation: blinkAnim step-start var(--blink-anim-time) infinite;

	transform: translateY(15%);

	opacity: 0.8;
}

.titre {
	position: absolute;

	top: -100vh;

	left: 50%;

	width: 80%;

	height: 100vh;

	transform: translateX(-50%);

	background-color: rgba(0, 0, 0, 0.5);
}

.titre__close {
	position: absolute;

	top: 25px;

	right: 25px;

	font-size: 25px;

	color: #fff;
}

.titre__hidden {
	position: relative;

	height: 100vh;

	overflow: hidden;
}

.titre__wrapper {
	position: absolute;

	top: 0px;

	left: 50%;

	transform: translateX(-50%);

	transition: 0.2s all linear;
}

.titre__text {
	margin-bottom: 50px;

	font-size: 18px;

	color: #21f7f7;

	text-shadow: 1px 1px 2px #000;
}

.titre-popup-open {
	top: 0px;

	animation: 1s openPopupKeys ease;
}

.titre-popup-close {
	top: -100vh;

	animation: 1s closePopupKeys ease;
}

@keyframes openPopupKeys {
	0% {
		top: -100vh;
	}

	100% {
		top: 0px;
	}
}

@keyframes closePopupKeys {
	0% {
		top: 0px;
	}

	100% {
		top: -100vh;
	}
}

@keyframes blinkAnim {
	50% {
		opacity: 0;
	}
}

.status_temp {
	border: 1px solid #fff;

	padding: 10px;

	position: absolute;

	z-index: 999;

	color: #fff;

	display: none; /* Закомментировать позже */
}

.mobile_start {
	font-size: 5em !important;
}

.left_pointer,
.right_pointer {
	/* border: 2px solid #fff; */
	width:40px;
	height:40px;
	margin-top:-20px;
	/* border-radius: 50%; */
	position: absolute;
	display: block;
	transition: all 2s ease;
}

.hidden {
  opacity: 0;
}

.left_pointer {
	margin-left:20px;
	background: url("left.png");
}

.right_pointer {
	margin-left:60px;
}

.special_link_text {
	color: #def0f0 !important;
}
.special_link_social {
	display: inline-block;
	margin-right: 10px;
}
.special_link_social img{
	height: 2em;
	width: auto;
}

@media (max-width: 800px) {
	.status_temp {
		font-size: 5em;
	}
}

.right_pointer_mobile {
	margin-left:0px !important;
	right: 40px !important;
}