html, body {
	margin:0;
	height:100%;
}

.flex-egg-item {
    height:30vh;
}

.flex-egg-container {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    align-content:center;
    align-items:center;
    height:100%;
}


.egg-background {
	animation:backgroundkeyframes:200s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation: backgroundkeyframes 200s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-fuction:linear;
	min-height:100%;
	min-width:100%;
	margin:0;
}

.egg-circle {
	animation:circlekeyframes:140s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation: circlekeyframes 140s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-fuction:linear;
	-webkit-transform: skew(27deg);
    width:60vh;
    height:40vh;
    border-radius:50%;
}

@keyframes circlekeyframes
{
	0%	{background:#0AF52B;}
	10%	{background:#31F80D;}
	20%	{background:#53FA15;}
	30%	{background:#5CF915;}
	40%	{background:#6CFB11;}
	50%	{background:#8DF912;}
	60%	{background:#9AF603;}
	70%	{background:#C4F603;}
	80%	{background:#D2F907;} 	
	90% {background:#E7FB0E;}
	100% {background:#0AF52B;}
}
@-webkit-keyframes circlekeyframes
{
	0%	{background:#0AF52B;}
	10%	{background:#31F80D;}
	20%	{background:#53FA15;}
	30%	{background:#5CF915;}
	40%	{background:#6CFB11;}
	50%	{background:#8DF912;}
	60%	{background:#9AF603;}
	70%	{background:#C4F603;}
	80%	{background:#D2F907;} 	
	90% {background:#E7FB0E;}
	100% {background:#0AF52B;}		
}

@keyframes backgroundkeyframes
{
	0%	{background:#0AF52B;}
	10%	{background:#31F80D;}
	20%	{background:#53FA15;}
	30%	{background:#5CF915;}
	40%	{background:#6CFB11;}
	50%	{background:#8DF912;}
	60%	{background:#9AF603;}
	70%	{background:#C4F603;}
	80% {background:#E7FB0E;}
	90% {background:#1B1E04;}
	100%{background:#0AF52B;}		
}
@-webkit-keyframes backgroundkeyframes
{
	0%	{background:#0AF52B;}
	10%	{background:#31F80D;}
	20%	{background:#53FA15;}
	30%	{background:#5CF915;}
	40%	{background:#6CFB11;}
	50%	{background:#8DF912;}
	60%	{background:#9AF603;}
	70%	{background:#C4F603;}
	80% {background:#E7FB0E;}
	90% {background:#1B1E04;}
	100%{background:#0AF52B;} 		
}