/* ---------------------------------------- 
Sejal Aggarwal
---------------------------------------- */

/* NOTES:

1. DO NOT use width or height properties for any parent-level divs (these are divs you will be adding classes to).
2. Use % over px for sizing interior divs
3. Remember: if you do not give dimention and style to interior divs, we will not see them. By default, divs are invisible.

*/

/* so we can tell that our file is loading */

body {
	background-color: pink
}

.sa {
	background-color: plum
}

.picture1:hover{
	background: url(../images/gif1.gif);
}

.picture2{
	background-color: palevioletred;
	background: url(../images/gif2.gif);
}

.picture3:hover {
	background: url(../images/gif3.gif);
}

.picture4 {
	background: url(../images/gif4.gif);
}



@keyframes pinkchange {
	from {background-color: mediumvioletred;}
	to{background-color: mediumorchid}
} 

.change div{
	width: 200px;
	height: 200px;
	background-color: pink;
	animation-name: pinkchange;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}