{
	padding: 0;
	margin: 0;
}
body{
	background-color: black;
}

main {
	width: 43.9vw;
	height: 42.9vw;
	background-color: #AE86CC;
	margin: auto;
	margin-top: 4.2vw;
	padding-top: 0.9vw;

	border: solid;
	border-color: #E6DFC8;
	border-width: .4vw;
}

section {
		width: 32%;
		height: 90%;
		background-color: #FB364E;
		margin-top: 9.7%;
		margin-left: 30.2%;
		float: left;
}

figure{ 
		width: 110%;
		height: 102%;
		background-color: black;
		margin-top: 200%;

 }

 	figure:hover {
		background-color:#9d7dd7;
	}

	.red {
		width: 12%;
		height: 12.5%;
		margin-left: 12.5%;
		margin-top: 35.5%;
	}
	.red:hover {
			background-color: #30A655;
		}


	.red-two {
		width: 6.1%;
		height: 63%;
		float: left;
		margin-top: 36%;
		margin-left: -12%

}

		.red-two:hover {
			background-color: #30A655;
		}

	.red-three {
		width: 16%;
		height:  26.8%;
		margin-top: 71.2%;
		margin-left: -10%;
	}

		.red-three:hover {
			background-color: #30A655;
		}

	.red-four {
		width: 32%;
		float: left;
		margin-left: 0%;
	}

		.red-four:hover {
			background-color: #30A655;
		}

	.green {
		width: 37.5%;
		height: 39%;
		margin-left: 0%;
		margin-top: 59.8%;
		background-color: #30A655;
		float: left
	}

		.green:hover {
			background-color: #9d7dd7;
		}

	.blue {
		width: 33%;
		height: 31.8%;
		margin-left: 32%;
		margin-top: 32%;
		background-color: #28A3BB;
	}

		.blue:hover {
		background-color:#9d7dd7;
	}

	.blue-two {
		width: 35%;
		height: 16.8%;
		margin-left: 64.6%;
		margin-top: -38%;
		background-color: #28A3BB;	
	}