/*untitled-comp-stylesheet*/

* {
	margin:0;
	padding:0;
	color: #000;
}

main#canvas {
	width: 60vw;
	height: 60vw;
	margin: 5.6vh auto 0 auto;
}

section {
	width: 100%;
	height:3%;
	float:left;
}




#line-one {
	height:4%;


}

#line-one article {
	height:100%;
	width:68.33333%;
	float:left;
}

#line-two {
	height:5.8333%;
}

#line-three {
	height:2.333%;
}

#line-three article {
	height:100%;
	float:right;
	width: 84.3333%;
}

#line-four {
	height:14.5%;
}

#line-four article {
	width:68.183333%;
	float:left;
	height:100%;
}

#line-five {
	height:7.2166666%;
}

#line-five article {
	float:right;
	width:75.7%;
	height:100%;
}

#line-six {
	height:23.28333%;
}

#line-six article {
	width:68.183333%;
	float:left;
	height:100%;
}

#line-seven {
	height:24.54%;
}

#line-seven article {
	float:right;
	width:75.6666%;
	height:100%;
}

#line-eight {
	height:2.5%;
}

#line-nine {
	height:14.3333%;
}

#line-nine article {
	float:left;
	height:100%;
	width:51.8%;
}

#line-ten {
	height:2.33333%;
}

#line-ten article {
	float:right;
	height:100%;
	width:84.333333%;
}

.yellow {
	background-color:#f5ea14;
}

.black {
	background-color: black;
}

.blue {
	background-color:#1293cb;
}

.red {
	background-color: #ec1f27;
}

.white {
	background-color: white;
}


#line-one {
	height:4%;


}

#line-one article {
	height:100%;
	width:68.33333%;
	float:left;
}

#line-two {
	height:5.8333%;
}

#line-three {
	height:2.333%;
}

#line-three article {
	height:100%;
	float:right;
	width: 84.3333%;
}

#line-four {
	height:14.5%;
}

#line-four article {
	width:68.183333%;
	float:left;
	height:100%;
}

#line-five {
	height:7.2166666%;
}

#line-five article {
	float:right;
	width:75.7%;
	height:100%;
}

#line-six {
	height:23.28333%;
}

#line-six article {
	width:68.183333%;
	float:left;
	height:100%;
}

#line-seven {
	height:24.54%;
}

#line-seven article {
	float:right;
	width:75.6666%;
	height:100%;
}

#line-eight {
	height:2.5%;
}

#line-nine {
	height:14.3333%;
}

#line-nine article {
	float:left;
	height:100%;
	width:51.8%;
}

#line-ten {
	height:2.33333%;
}

#line-ten article {
	float:right;
	height:100%;
	width:84.333333%;
}

.yellow {
	background-color:#f5ea14;
}

.black {
	background-color: black;
}

.blue {
	background-color:#1293cb;
}

.red {
	background-color: #ec1f27;
}

.white {
	background-color: white;
}

figcaption {
	width:68.6vw;
	margin: .05vw auto 0 auto;
	font-size:12pt;
	text-align:right;
	float:left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*HOVER*/
.yellow:hover {
	background-color:#f5e234;
}

.black:hover {
	background-color: blue;
}

.blue:hover {
	background-color:#12bccb;
}

.red:hover {
	background-color: #e6af27;
}

.white:hover {
	background-color: magenta;
}