html,body{
	height: 100%;
	margin:0;
	padding:0;
	font-family: Segoe Light, Segoe UI Light, Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.title{
	position:absolute;
	width:100%;
	top: 20vh;
	text-align: center;
	font-size: 8vmin;
	font-family: inherit;
	
	opacity: 0;
	animation: fade-in 3s 0.5s 1;
	animation-fill-mode: forwards;
}

.title, .title>a {
	color:black;
	font-weight: 100;
	text-decoration: none;
	cursor:default;
}
.bold{
	font-weight: 400 !important;
}
.subtitle {
	position:absolute;
	width:100%;
	top: 43vh;
	text-align: center;
	font-size: 3.5vmin;
	font-weight: 100;
	opacity: 0;
	animation: fade-in 4s 1.5s 1;
	animation-fill-mode: forwards;
}

.footer {
	position:absolute;
	width:100%;
	margin-top: 0vmin;
	bottom: 10vmin;
	text-align: center;
	font-size: 2vmin;
	font-weight: 100;
	opacity: 0;
	animation: fade-in 8s 1.5s 1;
	animation-fill-mode: forwards;
}

@media (max-height: 25em)  and (min-width: 25em){
	.title{
		top:7vh;
		font-size: 10vh;
	}
	.subtitle{
		top:30vh;
		font-size: 8vh;
	}
	.footer{
		font-size: 4vh;
	}
}

@media (max-width: 25em) {
	.subtitle{
		font-size: 5vw;
	}
	.footer{
		font-size: 3.5vw;
	}
}

@keyframes fade-in-scale {
    0% {opacity: 0;transform: scale(0.9);}
    50% {opacity: 0.5;transform: scale(1);}
	100% {opacity: 1;transform: scale(1);}}
	
@keyframes fade-in {
    0% {opacity: 0;transform: scale(1);}
    100% {opacity: 1;transform: scale(1);}}