* {
	background-color: #0e0e0e;
}

main {
	background-color: #84b1c7;
	margin: auto;
	margin-top: 12vw;
	height: 28.8vw;
	width: 27.8vw;
}

section {
	float: left;
}

.greenleftsmall {
	background-color: #171c13;
	height: 6.7%;
	width: 3%;
	margin-top: 47.8%;
}

.greenleftbig {
	background: linear-gradient(to bottom right, #222722 0%, #161a11 40%);
	height: 100%;
	width: 32.5%;
}

.middleleft {
	background-color: #1f2e24;
	height: 100%;
	width: 7.8%;
	margin-left: 2.7%;
}

.middle {
	background: linear-gradient(to bottom, #0e1308 0%, #11160c 100%); 
	height: 100%;
	width: 8.2%;
}

.middleright {
	background-color: #202e22;
	height: 100%;
	width: 7.8%;
}

.greenrightbig {
	background: linear-gradient(to right, #10160f 0%, #1b201b 100%);
	height: 100%;
	width: 32.2%;
	margin-left: 2.8%;
	float: left;
}

.greenrightthin {
	background-color: #23261e;
	height: 6.7%;
	width: 3%;
	margin: auto;
	margin-top: 47.8%;
}

article {
	float: top;
}

.burgundylefttop {
	background: linear-gradient(to right, #452a2c 0%, #361f1d 40%);
	height: 16.5%;
	width: 100%;
	margin-top: 43.5%;
}

.turquoiseleft {
	background: linear-gradient(to right, #2d403e 0%, #253836 80%);
	height: 8%;
	width: 100%;
	margin-top: 51%;
}

.burgundyleftbottom {
	background: linear-gradient(to right, #37201d 0%, #331b19 40%);
	height: 14.8%;
	width: 100%;
	margin-top: 51%;
}




.burgundyslimltop {
	background: linear-gradient(to bottom right, #492e30 0%, #3f2322 70%);
	height: 29.1%;
	width: 100%;
}

.redsquareltop {
	background-color: #d80742;
	height: 6.3%;
	width: 100%;
}

.greenslimleft {
	background: #203425;
	height: 28.9%;
	width: 100%;
}

.redsquarelbottom {
	background-color: #d10728;
	height: 7.7%;
	width: 100%;
}

.burgundyslimrtop {
	background: linear-gradient(to bottom right, #3a211c 0%, #3f2322 70%);
	height: 29.1%;
	width: 100%;
}

.redsquarertop {
	background-color: #d90745;
	height: 6.4%;
	width: 100%;
}

.greenslimright {
	background: #1e3225;
	height: 28.7%;
	width: 100%;
}

.redsquarerbottom {
	background-color: #ce142b;
	height: 7.8%;
	width: 100%;
}

.hotpinktop {
	background: #dd0a46;
	height: 9.5%;
	width: 100%;
	margin-top: 357%;
}

.beige {
	background: #f6e9ba;
	height: 18.75%;
	width: 100%;
	padding-top: 19%;
}

.hotpinkbot {
	background: #d51038;
	height: 22.95%;
	width: 100%;
}




.burgundyrighttop {
	background-color: #3b201f;
	height: 16.5%;
	width: 100%;
	margin-top: 45.3%;
}

.turquoiseright {
	background: linear-gradient(to right, #1f2f34 40%, #233339 70%);
	height: 7.8%;
	width: 100%;
	margin-top: 50.6%;
}

.burgundyrightbottom {
	background: linear-gradient(to top right, #331b19 40%, #392220 100%);
	height: 14.8%;
	width: 100%;
	margin-top: 51%;
}


figure {
}

.sandleft {
	background-color: #e09d55;
	height: 100%;
	width: 17%;
	margin-left: 0%;
}

.sandright {
	background-color: #e9a15b;
	height: 100%;
	width: 16.5%;
	margin-left: 83.5%;
}

.lightsand {
	background-color: #fac09f;
	width: 100%;
	height: 6.7%;
	margin: auto;
	margin-top: 213%;
}

.blue {
	background-color: #7393ad;
	height: 5%;
	width: 100%;
	margin: auto;

}