@keyframes blinking {
	0%		{opacity: 0;}
	33%		{opacity: 100;}
	40%		{opacity: 100;}
	85%		{opacity: 0;}
	100%	{opacity: 0;}
}

@keyframes appear {
	0%		{opacity: 0;}
	90%		{opacity: 0;}
	100%	{opacity: 100;}
}

#logo_animation {
	display:	block;
	
	max-width:	100vw;
	max-height:	100vh;
	
	background:	black;
	
	margin: 	auto;
	border:		none;
	padding:	1px;
}

#reddot {
	opacity: 0;
	
	animation-name:	blinking;
	animation-duration:2s;
	animation-iteration-count:	2;
}

#logo {
	animation-name:	appear;
	animation-duration:4.5s;
}