/*Envelope CSS*/ 
html, body{
	height     : 100%;
}

.el-base{
	position      : relative;
	top           : 50%;
	left          : 50%;
	height        : 90px;
	width         : 140px;
	margin-top    : -40px;
	margin-left   : -70px;
	background-color:#CCC;
	border-radius : 3px;
}

.el-inner-space{
	border-radius : 3px;
	border-top    : solid 45px transparent;
	border-right  : solid 70px #FE611D;
	border-bottom : solid 45px #ff6600;
	border-left   : solid 70px #C13F00;
}

.el-flap{
	position      : absolute;
	top           : 0;
	left          : 0;
	border-radius : 3px;
	border-top    : solid 45px #3292e0;
	border-right  : solid 70px transparent;
	border-left   : solid 70px transparent;
	animation     : el-open 4s infinite;
}


/*Envelope Animation*/
@keyframes el-open{
	0%{
		border-top       : solid 45px #C13F00;
		transform        : rotateX(0deg);
		transform-origin : center top;
	}

	40%,60%{
		border-top       : solid 45px #ff6600;
		transform        : rotateX(180deg);
		transform-origin : center top;
	}

	100%{
		border-top       : solid 45px #FE611D;
		transform        : rotateX(0deg);
		transform-origin : center top;
	}
}