body{
	background: linear-gradient(#59baff, #e8f5ff);
	width: 100%;
	height: 100vh;
	margin: 0;
}
.clouds{
	position: absolute;
	top: 0;
	bottom: 300px;
	left: 0;
	width: 100%;
	height: 80%;
	overflow: hidden;
}
.clouds img
{
	position: absolute;
	bottom: 0;
	max-width: 100%;
	animation: animate calc(20s * var(--i)) linear infinite;
}
@keyframes animate
{
	0%
	{
		transform:  translateX(-100%);
	}
	100%
	{
		transform:  translateX(100%);
	}
}
.mountains
{	background-image: url("images/mountains.png");
	width: 100%;
	height: 570px;
	background-size:4000px 100% ;
	overflow: hidden;
	animation: anima 30s linear infinite;
	animation-direction: reverse;
}
@keyframes anima
{
	0%
	{
		background-position-x: -100%;
	}
	100%
	{
		background-position-x: 100%;
	}
}

.linkit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
}
.linkki {
	flex:1;
}
.linkki:nth-child(1) {
	cursor:  w-resize;
}
.linkki:nth-child(2) {
	cursor: e-resize;
}