* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

body {
	background-color: white;
}

main {
	width: 60vw;
	height: 60vw;
	background-color: #f3f0e9;
	margin-left: 20vw;
	margin-top: 3vw;
}

main:hover {
	background-color: LightSteelBlue;
}

	article {
		display: inline-block;
		width: 64.5%;
		height: 64.5%;
		background-color: #5689b4;
		margin: 18.25% 0 0 18.25%;
	}

	article:hover {
		background-color: DarkGoldenRod;
	}

		section {
			display: inline-block;
			width: 59%;
			height: 59%;
			background-color: #9c6aa7;
			margin: 30% 0 0 20.5%;
		}

		section:hover {
		background-color: SaddleBrown;
		}

			figure {
				display: inline-block;
				width: 67%;
				height: 67%;
				background-color: #ac4546;
				margin: 24% 0 0 16.5%;
			}

			figure:hover {
			background-color: DarkKhaki;
			}

figcaption {
	margin-left: 20vw;
	margin-top: 1em;
	margin-bottom: 1em;
}