.alert {   
	font-size: 90%; 
	color: #F00;
	text-shadow:-1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900, 1px 1px 0 #900, 0 0 20px #990000;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}

.alert1 {   
	font-size: 110%; 
	color: #8c44f7;
	text-shadow:-1px -1px 0 #8c44f7, 1px -1px 0 #8c44f7, -1px 1px 0 #8c44f7, 1px 1px 0 #8c44f7, 0 0 20px #8c44f7;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1 linear infinite;}

.alert2 {   
	font-size: 200%; 
	color: #8c44f7;
	text-shadow:-1px -1px 0 #900, 1px -1px 0 #900, -1px 1px 0 #900, 1px 1px 0 #900, 0 0 20px #990000;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}
	 
.alert3 {   
	font-size: 200%; 
	color: #11FF00;
	text-shadow:-1px -1px 0 #11FF00, 1px -1px 0 #11FF00, -1px 1px 0 #11FF00, 1px 1px 0 #11FF00, 0 0 20px #ccff33;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}
	 
.alert4 {   
	font-size: 200%; 
	color: #0000cc;
	text-shadow:-1px -1px 0 #00ffff, 1px -1px 0 #00ffff, -1px 1px 0 #00ffff, 1px 1px 0 #00ffff, 0 0 20px #00ffff;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}
	 
.alert5 {   
	font-size: 200%; 
	color: #8c44f7;
	text-shadow:-1px -1px 0 #8c44f7, 1px -1px 0 #8c44f7, -1px 1px 0 #8c44f7, 1px 1px 0 #8c44f7, 0 0 20px #8c44f7;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}

.alert6 {   
	font-size: 111%; 
	color: #ff33cc;
	text-shadow:-1px -1px 0 #ff33cc, 1px -1px 0 #ff33cc, -1px 1px 0 #ff33cc, 1px 1px 0 #ff33cc, 0 0 20px #ff33cc;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}
	
.alert7 {   
	font-size: 200%; 
	color: #996633;
	text-shadow:-1px -1px 0 #996633, 1px -1px 0 #996633, -1px 1px 0 #996633, 1px 1px 0 #996633, 0 0 20px #996633;
	text-transform:uppercase;
	animation: alert 1s linear infinite;
	 -webkit-animation: alert 1s linear infinite;}

@keyframes warp {
	0% {
		opacity: 0.25;
		transform: scale(1);
		animation-timing-function: ease-in;
		-webkit-animation-timing-function: ease-in;} 
	85% {
		opacity: 1;
		transform: scale(2.8);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;}
	100% {
		opacity: 0;
		transform: scale(3.5);
		-webkit-animation-timing-function: ease-out; 
		animation-timing-function: ease-out;}
}
@keyframes alert {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes warp { 
	0% {
		opacity: 0;
		transform: scale(1);
		animation-timing-function: ease-in;
		-webkit-animation-timing-function: ease-in;} 
	85% {
		opacity: 1;
		transform: scale(2.8);
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;}
	100% {
		opacity: 0;
		transform: scale(3.5);}
}
@-webkit-keyframes alert {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}