@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

html,body{
	padding:0px;
	margin:0px;
	
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings:"wdth" 100;
}
body{
	background:url(../graphics/teaser.jpg);
	background-size:cover;
}

#teaser{
	height:100vh;
	text-align:center;
	padding:10px;
}
#teaserTitle{
	padding-top:200px;
	font-size:48px;
	color:#FFFFFF;
	font-weight:bold;
	
}
@media screen and (max-width: 800px){
	#teaserTitle{
		padding-top:100px;
		font-size:38px;
		color:#FFFFFF;
		font-weight:bold;
	}
}
@media screen and (max-width: 500px){
	#teaserTitle{
		padding-top:60px;
		font-size:30px;
		color:#FFFFFF;
		font-weight:bold;
	}
}


#teaserText{
	padding-top:40px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
}

#downloadAppLogos{
	padding-top:60px;
}
#downloadAppLogos img{
	width:150px;
	outline:none;
	margin:10px;
}

#invitationHolder{
	padding-top:50px;
	color:#FFFFFF;
	text-shadow:0px 0px 5px rgba(0,0,0,0.9);
}
#inviteLink{
	border: 2px solid #ffd277;
	color: #ffd277;
	background: #1f1707;
	padding:10px;
	text-decoration:none;
	border-radius:6px;
	animation: blink 1s infinite;
}