/* 

Assignment 3
Demo

*/

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;
}