@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Bangers);
@import url("//fonts.googleapis.com/css?family=Bangers");
.container_pruebas{
	background-color: #ED6565;
	padding: 12px;
}
._pruebas_text_{
	height: 60px;
	perspective: 9999px;
	transform-style: preserve-3d;
}
._pruebas_div_{
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s;
	animation-fill-mode: forwards;
	transform: rotateY(40deg) rotateX(33deg) translateZ(0);
}
._pruebas_div_:after{
	text-align: center;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 45px;
	z-index: 1000;
	font-family: 'Bangers', cursive;
	text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.7);
	-moz-transform: skew(0, -6.7deg);
	-ms-transform: skew(0, -6.7deg);
	-webkit-transform: skew(0, -6.7deg);
	transform: skew(0, -6.7deg);
	-moz-transition-property: font-size;
	-o-transition-property: font-size;
	-webkit-transition-property: font-size;
	transition-property: font-size;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	content: '!!! Pruebas !!!';
	height: 100%;
	width: 100%;
	position: absolute;
	color: whitesmoke;
	letter-spacing: -2px;
	text-shadow: 4px 0 10px rgba(0, 0, 0, 0.13);
}
._pruebas_div_:nth-child(1):after{
	transform: translateZ(0px);
}
._pruebas_div_:nth-child(2):after{
	transform: translateZ(-1.5px);
}
._pruebas_div_:nth-child(3):after{
	transform: translateZ(-3px);
}
._pruebas_div_:nth-child(4):after{
	transform: translateZ(-4.5px);
}
._pruebas_div_:nth-child(5):after{
	transform: translateZ(-6px);
}
._pruebas_div_:nth-child(6):after{
	transform: translateZ(-7.5px);
}
._pruebas_div_:nth-child(7):after{
	transform: translateZ(-9px);
}
._pruebas_div_:nth-child(8):after{
	transform: translateZ(-10.5px);
}
._pruebas_div_:nth-child(9):after{
	transform: translateZ(-12px);
}
._pruebas_div_:nth-child(10):after{
	transform: translateZ(-13.5px);
}
._pruebas_div_:nth-child(11):after{
	transform: translateZ(-15px);
}
._pruebas_div_:nth-child(12):after{
	transform: translateZ(-16.5px);
}
._pruebas_div_:nth-child(13):after{
	transform: translateZ(-18px);
}
._pruebas_div_:nth-child(14):after{
	transform: translateZ(-19.5px);
}
._pruebas_div_:nth-child(15):after{
	transform: translateZ(-21px);
}
._pruebas_div_:nth-child(16):after{
	transform: translateZ(-22.5px);
}
._pruebas_div_:nth-child(17):after{
	transform: translateZ(-24px);
}
._pruebas_div_:nth-child(18):after{
	transform: translateZ(-25.5px);
}
._pruebas_div_:nth-child(19):after{
	transform: translateZ(-27px);
}
._pruebas_div_:nth-child(20):after{
	transform: translateZ(-28.5px);
}
._pruebas_div_:nth-child(n+10):after{
	-webkit-text-stroke: 3px rgba(0, 0, 0, 0.25);
}
._pruebas_div_:nth-child(n+11):after{
	-webkit-text-stroke: 15px dodgerblue;
	text-shadow: 6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b;
}
._pruebas_div_:nth-child(n+12):after{
	-webkit-text-stroke: 15px #0077ea;
}
._pruebas_div_:last-child:after{
	-webkit-text-stroke: 17px rgba(0, 0, 0, 0.1);
}
._pruebas_div_:first-child:after{
	color: #fff;
	text-shadow: none;
}
@keyframes ಠ_ಠ{
	100%{
		transform: rotateY(-40deg) rotateX(-43deg);
	}
}
/**
Code Pen: https://codepen.io/noahblon/pen/CsxfH?editors=1100
Code Pen: https://codepen.io/kemch/pen/Ewdpz
@import "compass/css3";
@import "compass/css3/transform";
@import url(https://fonts.googleapis.com/css?family=Bangers);
@import url('//fonts.googleapis.com/css?family=Bangers');
.stage_aaa{
	background-color: #ED6565; 
	padding: 12px;
}
.stage {
	height: 60px;
	perspective: 9999px;
	transform-style: preserve-3d;
}
.layer {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s;
	animation-fill-mode: forwards;
	transform: rotateY(40deg) rotateX(33deg) translateZ(0);
}
.layer:after {
	text-align: center;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 45px;
	z-index: 1000;
	font-family: 'Bangers', cursive;
	text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.7);
	@include skew(0, -6.7deg, false);
	@include transition-property(font-size);
	@include transition-duration(0.5s);
	content: '!!! Pruebas !!!';
	height: 100%;
	width: 100%;
	position: absolute;
	color: darken(#fff, 4%);
	letter-spacing: -2px;
	text-shadow: 4px 0 10px hsla(0, 0%, 0%, .13);
}
$i: 1;
$NUM_LAYERS: 20;
@for $i from 1 through $NUM_LAYERS {
	.layer:nth-child(#{$i}):after{
		transform: translateZ(($i - 1) * -1.5px);
	}
}
.layer:nth-child(n+#{round($NUM_LAYERS/2)}):after {
	-webkit-text-stroke: 3px hsla(0, 0%, 0%, .25);
}
.layer:nth-child(n+#{round($NUM_LAYERS/2 + 1)}):after {
	-webkit-text-stroke: 15px dodgerblue;
	text-shadow: 6px 0 6px darken(dodgerblue,35%),
	5px 5px 5px darken(dodgerblue,40%),
	0 6px 6px darken(dodgerblue,35%);
}
.layer:nth-child(n+#{round($NUM_LAYERS/2 + 2)}):after {
	-webkit-text-stroke: 15px darken(dodgerblue, 10%);
}
.layer:last-child:after {
	-webkit-text-stroke: 17px hsla(0, 0%, 0%, .1);
}
.layer:first-child:after{
	color: #fff;
	text-shadow: none;
}
@keyframes ಠ_ಠ {
	100% { transform: rotateY(-40deg) rotateX(-43deg); }
}
*/