@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 20px;
	max-width:840px;
    margin:0 auto;
}
body {
	background: #FFFFFF;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	font-family: 'Roboto', sans-serif;
	color: #333;
}
a, a:link, a:visited {
	color: #333;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #ff0000;
	text-decoration:none;
}
.upp {
	text-transform: uppercase;
	padding-bottom:5px;
	font-weight:bold;
}
.logo {
	margin-top:20px;
	margin-bottom:15px;
}
.hashtag {
	font-size: 1em;
	padding:5px;
	color:#FFF;
	display:inline;
    background-color:#000000;
}
h1 {
	font-size: 1em;
	margin-top:40px;
	margin-bottom:12px;
}
.grade span {
	font-size: 0.6em;
	background: #000000;
	color: #ffffff;
	padding: 0.3em;
	display:inline-block;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top:100px;
}
.icons {
	border: 0px;
}
.icons img {
	width:55px;	
	margin-right:12px;
}
a:hover img {
	opacity: 0.7;
}
.copyright {
	font-size: 0.8em;
	line-height:1.8em;
	padding-top:40px;
}
.imprint {
	padding-top:300px;
	font-size: 0.6em;
	text-align:justify;
}