/*ELECTRIC MELONE*/

.electricmelon{
	nbackground-image:url("./images/assets/electricmelon.gif");
	
	outline: 10px solid #c3aa24;
	border:30px inset #fcc;
	position:relative;
	margin:5px;
}
.electricmelon:before{
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 5px solid #ffea00;
}

.electricmelon:after {
	ndisplay:block;
	position:absolute;
	background-size: 100%;
	
	
	margin:auto;
	margin-top:-90px;
	margin-left:-106px;
	
	width:212px;
	height:92px;
	background-image:url("./images/assets/electricmelon.gif");
	content: "";
}

/*animations*/

@keyframes bgScrollDiagonalLeft{
	from	{background-position-x:	0px;
			background-position-y:	0px;}
	to		{background-position-x:	-16px;
			background-position-y:	16px;}
}

@keyframes bgScrollDiagonalRight{
	from	{background-position-x:	0px;
			background-position-y:	0px;}
	to		{background-position-x:	16px;
			background-position-y:	16px;}
}

@keyframes bgThrob{
	from	{background-size:	5ch 5ch;}
	to		{background-size:	6ch 6ch;}
}

@keyframes bgScrollDown{
	from	{background-position-y:	0px;}
	to		{background-position-y:	32px;}
}

@keyframes bgLeftRight{
	0%	{background-position-x:	0px;;}
	50%	{background-position-x:	16px;;}
	100%{background-position-x:	0px;;}
}