/* boecklins-universe-latin */
@font-face {
	font-family: "Boecklins Universe";
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: local("Boecklins Universe"), local("BoecklinsUniverse"), url(fonts/boecklins-universe-latin.woff2) format("woff2");
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;
}
/* boecklins-universe-latin-ext */
@font-face {
	font-family: "Boecklins Universe";
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: local("Boecklins Universe"), local("BoecklinsUniverse"), url(fonts/boecklins-universe-latin-ext.woff2) format("woff2");
	unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF;
}
/* boecklins-universe-cyrillic */
@font-face {
	font-family: "Boecklins Universe";
	font-style: normal;
	font-weight: 400;
	font-stretch: 100%;
	src: local("Boecklins Universe"), local("BoecklinsUniverse"), url(fonts/boecklins-universe-cyrillic.woff2) format("woff2");
	unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}


:root.sinus::before {
	background-image: url(images/sinus3.png);
	background-size: 250px auto;
	background-position: 0 0;
	
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	z-index: -2;
	position: fixed;
	animation: sinus 2s linear infinite alternate;
}

@keyframes glitch {
	0% {
		transform: none;
	}	
	99.8% {
		transform: none;
	}
	99.9% {
		transform: skew(0.1deg) translate(0.2px, -0.3px);
	}
}

@keyframes sinus {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}

@keyframes michel {
	from {
	background-position: 0;
	}
	to {
	background-position: 1000px;
	}
}

	
@keyframes labyrinthe {
	from {
		background-color: #006060;
		background-size: 1009px;
		background-position: center calc(50% + 5px);
	}	
	to {
		background-color: #006060;
		background-size: 1019px;
		background-position: center calc(50% - 5px);
	}
}


@keyframes menacant {
	0% {
		background-color: #003030;
		background-size: 1009px;
		background-position: center calc(50% + 5px);
	}	
	99.75% {
		background-color: #003030;
		background-size: 1019px;
		background-position: center calc(50% - 5px);
	}
	99.76% {
		background-color: red;
	}
}



@keyframes bg {
	0% {
	background-image: url(images/bg.jpg);		
	}
	16%{
	background-image: url(images/bg1.jpg);		
	}
	33%{
	background-image: url(images/bg2.jpg);		
	}
	50%{
	background-image: url(images/bg3.jpg);		
	}
	66%{
	background-image: url(images/bg4.jpg);		
	}
	83%{
	background-image: url(images/bg5.jpg);		
	}
}