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

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

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


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

.moon-circle {
	animation:circlekeyframes:420s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation: circlekeyframes 420s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-fuction:linear;
    width:40vh;
    height:40vh;
    border-radius:50%;
}

@keyframes circlekeyframes
{
	0%	{background:#000000;}
	10%	{background:#040404;}
	20%	{background:#080808;}
	30%	{background:#0b0b0b;}
	40%	{background:#0f0f0f;}
	50%	{background:#141414;}
	60%	{background:#0f0f0f;}
	70%	{background:#0b0b0b;}
	80%	{background:#080808;}
	90%	{background:#040404;} 	
	100%{background:#000000;} 	
}
@-webkit-keyframes circlekeyframes
{
	0%	{background:#000000;}
	10%	{background:#040404;}
	20%	{background:#080808;}
	30%	{background:#0b0b0b;}
	40%	{background:#0f0f0f;}
	50%	{background:#141414;}
	60%	{background:#0f0f0f;}
	70%	{background:#0b0b0b;}
	80%	{background:#080808;}
	90%	{background:#040404;} 	
	100%{background:#000000;}  	 		
}

@keyframes backgroundkeyframes
{
	0%	{background:#000000;}
	10%	{background:#040404;}
	20%	{background:#080808;}
	30%	{background:#0b0b0b;}
	40%	{background:#0f0f0f;}
	50%	{background:#141414;}
	60%	{background:#0f0f0f;}
	70%	{background:#0b0b0b;}
	80%	{background:#080808;}
	90%	{background:#040404;} 	
	100%{background:#000000;}  			
}
@-webkit-keyframes backgroundkeyframes
{
	0%	{background:#000000;}
	10%	{background:#040404;}
	20%	{background:#080808;}
	30%	{background:#0b0b0b;}
	40%	{background:#0f0f0f;}
	50%	{background:#141414;}
	60%	{background:#0f0f0f;}
	70%	{background:#0b0b0b;}
	80%	{background:#080808;}
	90%	{background:#040404;} 	
	100%{background:#000000;} 			
}