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

main {
	width: 55.7vw;
	height: 39.9vw;
	background-color: #EBE8D5;
	margin: auto;
	margin-top: 5.3vw;
	padding-top: 0.9vw;

	border: solid;
	border-color: #F5F5F5;
	border-width: .8vw;
}

section {
	background-color: #252525;
	float: left;
}

section:hover {
			background-color: #30A655;
		}


.black {
		width: 6.8%;
		height: 103%;
		margin-left: 5%;
		margin-top: -2%;

}

.black-two {
		width: 4.9%;
		height: 47.2%;
		margin-left: 0%;
		margin-top: -2%;	
}

.black-three {
		width: 4.9%;
		height: 56%;
		margin-left: 0%;
		margin-top: 31.8%;	
}

.black-four {
		width: 5%;
		height: 102.9%;
		margin-left: 0%;
		margin-top: -1.8%;
}

.black-five {
		width: 5%;
		height: 8.5%;
		margin-left: 0%;
		margin-top: -1.8%;
}

.black-six {
		width: 5%;
		height: 12.7%;
		margin-left: -5%;
		margin-top: 13.5%;
}

.black-seven {
		width: 5%;
		height: 12.8%;
		margin-left: -5%;
		margin-top: 31.7%;
}

.black-eight {
		width: 5%;
		height: 30.5%;
		margin-left: -5%;
		margin-top: 50.1%;
}