/*Style for blink

Animating elements can add some fun to your construct. 

You need two pieces: 

1) the call to animate, specifying the certain parameters in the selector (h1 below).
2) the animation instructions, in the @keyframes rule (below).

*/


body {
	background-color: blue;
}

h1{ 

	color:#00248F; 
	font-size: 100em;
	margin-top:-60%;
	margin-left: 30%;
}

h1 {		
	animation: blink;
	animation-timing-function:cubic-bezier(0,0,0,0);
	animation-iteration-count: infinite;
	animation-duration: 20s;
	animation-direction: alternate;
	animation-delay: 0s;
} 


@keyframes blink {
	0% {opacity:1;}
	10%{opacity:0;}
	20%{opacity:1;}
	30%{opacity:0;}
	40%{opacity:1;}
	50%{opacity:0;}
	60%{opacity:1;}
	70%{opacity:0;}
	80%{opacity:1;}
	90%{opacity:0;}
	100%{opacity:1;}
}