body{
background-color: black;
color:lightgoldenrodyellow;
}

h1.domain {
position:absolute;
font-family: "Helvetica";
color: lightgrey;
margin-left: 50vw;
margin-right: 0vw;
margin-left: 50vw;
margin-top: 35vh;
height: 50vh;
vertical-align: middle;
}

h1.subdomain {
width:50vw;
position:absolute;
text-align: right;
font-family: "Helvetica";
color:black;
margin-left: 0vw;
margin-right: 50vw;
margin-top: 35vh;
height: 50vh;
vertical-align: middle;
z-index:0;
}

h1.subdomain a {
	text-decoration: none;
	color:inherit;
}

h1.subdomain a:hover{
	text-decoration: underline;
}

h1.subdomain a:visited{
	color:inherit;
}

h1.upsd1{
-webkit-animation: moveSubdomainUp 1s 1;
animation: moveSubdomainUp 1s 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
z-index:1;
}

h1.upsd2{
-webkit-animation: moveSubdomainUp 1s 1;
animation: moveSubdomainUp 1s 1;
animation-delay: 1s;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
z-index: 2;
}

h1.dnsd1{
-webkit-animation: moveSubdomainDn 1s 1;
animation: moveSubdomainDn 1s 1;
animation-delay: 0s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
z-index: 1;
}



@keyframes moveSubdomainUp {
	from{margin-top:35vh; color:lightgrey}
	to{margin-top:25vh; color:black;}
}

@keyframes moveSubdomainDn{
	from{margin-top:45vh; color:black}
	to{margin-top:35vh; color:lightgrey;}
}

p.impressum{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: xx-small;
	color:darkgrey;
	font-family: 'Courier New', Courier, monospace
}

p.impressum a{
	cursor: grab;
	text-decoration: none;
}