OMG

index.html

<div class="wrapper">
	<h1>OMG</h1>
</div>

OMG.markdown

OMG

A Pen by Lauren Pittenger on CodePen.

License.

style.css

.wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: red;
	overflow: hidden;
	animation-name: rainbow;
  animation-duration: 1s;
	animation-iteration-count: infinite;
}
h1 {
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 300px;
	font-size: 200px;
	color: white;
	animation-name: text;
  animation-duration: 1s;
	animation-iteration-count: infinite;
	font-family: 'Bangers', cursive;
}

@keyframes rainbow {  
	0%	{background-color: #CC0010;}
	10%	{background-color: #FF6500;}
	20% {background-color: #FFBA00;}
	30% {background-color: #FFFD00;}
	40%	{background-color: #13C400;}
	50%	{background-color: #00FF48;}
	60% {background-color: #00C7FF;}
	70% {background-color: #001FFF;}
	80% {background-color: #7700FF;}
	90% {background-color: #FF00F2;}
	100% {background-color: #FF00F2;}
}
@keyframes text {
   from {font-size: 20px;}
    to {font-size: 400px;}
}