@charset "utf-8";

body {
	background-repeat: no-repeat;
	animation: animate_background 16s linear alternate;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards, forwards;
	transition: 3s;
	-webkit-transition:3s;
	-moz-transition:3s;
	scroll:no;
	overflow:hidden;
	background-size: cover;
	-webkit-background-size: cover;
	position: fixed;
	}
	
@keyframes animate_background {
	from {
		background-position: 0 0;
		background-size: 100%;
			
	}
	to {
		background-position: -250px 0;
		background-size: 110%;
	}
}

/*No SCALE on mobile!!!*/
@media only screen and (max-width: 1366px) and (max-height: 1366px) {
	
	@keyframes animate_background {
		from {
			background-position: 0 0;
		}
		to {
			background-position: -100px 0;
		}
	}
}



.overlay {
	position: absolute;
	top:0;
    left:0;
    bottom:0;
    right:0;
    height:105%;
    width:100%;
	overflow: auto;
	background-color: black;
	opacity: 0.56;
	backdrop-filter: blur(3em);
	
}