body{
	width:925px;
	margin: 50px auto;
}		

.dad {width: 200px; height: 200px; background-color:rgba(8,88,89,1.00); margin: 1em; float: left; padding: 1em;border-radius: 3%; overflow: hidden; animation-name: hideandseek;
animation-duration: 10s;
animation-iteration-count: infinite;}
		

.ashleigh { width: 150px; height: 150px; background-color:rgba(164,87,214,0.78); float:left; margin: .25em;
animation-name: spin;
animation-duration: 3s;
animation-iteration-count: infinite;}
		

.william {width: 100px; height: 100px; background-color:rgba(18,0,143,0.72); margin: 2em; display:block;float:left;
animation-name: billy;
animation-duration: 5s;
animation-iteration-count: infinite;}
		

.mom {width: 50px; height: 50px; background-color:rgba(254,254,255,0.74); float: right; margin-top: .7em; margin-right: .7em; border-bottom:solid 2px red; border-radius: 2em; box-shadow: .1em -.1em .3em .1em rgba(0,10,36,0.75);
animation-name: momshome;
animation-duration: 7s;
animation-delay: 2s;
animation-iteration-count: infinite;}

@keyframes hideandseek {
	0%{	background-color: rgba(8,88,89,1.00);}
	50%{background-color: rgba(8,88,89,0);}
	100%{background-color: rgba(8,88,89,1.00);}
}

@keyframes spin{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	75%{transform:rotate(-180deg);}
	100%{transform:rotate(360deg);}
}

@keyframes billy{
	0%{border-radius: 0; height: 100px;}
	20%{border-radius:50%; height: 200px;}
	40%{border-radius:0%; height: 100px;}
	60%{border-radius: 0; width: 100px;}
	80%{border-radius:50%; width: 130px;}
	100%{border-radius:0%; width: 100px;}
}
@keyframes momshome{
	0%{background-color:rgba(254,254,255,0.80); width: 50px;}
	16.6%{background-color:rgba(8,88,89,0.60);}
	33.2%{background-color:rgba(164,87,214,0.40);}
	49.8%{background-color:rgba(18,0,143,0.20); width:75px;}
	66.4%{background-color:rgba(164,87,214,0.40);}
	83%{background-color:rgba(8,88,89,0.60);}
	100%{background-color:rgba(254,254,255,0.80); width:50px;}
}