@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
}


h1 {
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
	padding-top: 100px;
	}
	
h1:hover {
	font-size: 30px;
}
p {
	font-size: 20px;
	color: #FFFFFF;
	padding-top: 20%;
}

a:link, a:visited, a:active, a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#theoneandonly {
	margin: 0px auto;
	text-align: center;
	width: 100%;
}

/*Animationsversuch*/

.hinundher {
    width: 100%;
    height: 100vh;
    background-size: 200% 200%;
    background-image: repeating-linear-gradient(
		-45deg,
		hsl(360,0%,83%) 0%,  /* lightgrey */
		hsl(360,0%,50%) 15%, /* gray */
		hsl(360,0%,41%) 30%,  /* dimgrey */
		hsl(360,0%,83%) 45%  /* lightgrey */
	);
    animation: diagonal alternate 100s infinite;
}

@keyframes diagonal {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 50%}
}