/*---Winnie's Art Forgery project 1:Peter Halley---*/

/*---general page style----*/

	* {
		margin: 0;
		padding: 0;
	}

	body {
		background-color: lightgray;
	}

	figure#canvas {
		width: 31vw;
		height: 39vw;
		margin: 7.5vw auto 0 auto;
	}


/*----Color Pop----*/ 

	section#yellow {
		width: 100%;
		height: 42%;
		float: left;
		background-color: #f2ef0a;
	}

	section#magenta {
		width: 100%;
		height: 6%;
		float: left;
		background-color: #eb010c;
	}

	section#white {
		width: 100%;
		height: 42%;
		float: left;
		background-color: #ebebeb;
	}

	section#teal {
		width: 100%;
		height: 10%;
		float: left;
		background-color: #c8ef0b;
	}

	article#green {
		width: 82%;
		height: 65%;
		margin: 9% 9%;
		float: left;
		background-color: #acd85f;
	}

	article#pink {
		width: 82%;
		height: 65%;
		margin: 9% 9%;
		float: left;
		background-color: #eb90b3;
	}

	article#blue {
		width: 100%;
		height: 40%;
		margin-top: 4%;
		float: left;
		background-color: #16368d;
	}

	figcaption#orange {
		width: 97%;
		height: 20.8%;
		margin-top: 1.5%;
		margin-left: 1.5%;
		float: left;
		background-color: #ffc700;
	}

	figcaption#black {
		width: 97%;
		height: 20.8%;
		margin-top: 1.5%;
		margin-left: 1.5%;
		float: left;
		background-color: #292929;
	}

/*-----Hover-----*/

	#yellow:hover {
		background-color: black;
	}

	#magenta:hover {
		background-color: cyan;
	}

	#white:hover {
		background-color: darkorchid;
	}

	#green:hover {
		background-color: purple;
	}

	#teal:hover {
		background-color: yellow;
	}

	#blue:hover {
		background-color: magenta;
	}

	#orange:hover {
		background-color: green;
	}

	#pink:hover {
		background-color: cyan;
	}

	#black:hover {
		background-color: white;
	}