/*doover-stylesheet*/

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


}

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

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

.sec1 {
	height:41.9%;
}

.sec1 article {
	height:65.07%;
	width:81.58%;
	float:left;
	margin-left:9.2%;
	margin-top:7.2%;
}

.sec1 article figure {
	height:19.54%;
	width:96.97%;
	float:left;
	margin-left:1.53%;
	margin-top:1.53%;
}

.sec2 {
	height:5.9%;
}

.sec3 {
	height:41.82%;
}

.sec3 article {
	height:65%;
	margin-top:7.27%;
	margin-left:9.15%;
	width:81.5%;
}

.sec3 article figure {
	float:left;
	width:96.97%;
	height: 20.4%;
		margin-left:1.29%;
		margin-top:1.29%;
}

.sec4 {
	height: 3.29%;
}

.sec5 {
	height: 3.92%;
}

.agreen {
	background-color: #97c461;
}

.orange {
	background-color: #f9bc00;
}




.yellow {
	background-color: #e3de01;
}

.red {
	background-color: #e42c0e;
}

.white {
	background-color: #f1f2f0;
}

.pink {
	background-color: #f08eaf;
}

.black {
	background-color: #282627;
}

.green {
	background-color: #b7cb00;
}

.blue {
	background-color: #0f3f93;
}

.agreen:hover {
	background-color: #970061;
}

.orange:hover{
	background-color: #f90000;
}




.yellow:hover {
	background-color: #699d01;
}

.red:hover {
	background-color: #04290e;
}

.white:hover {
	background-color: #faf2a0;
}

.pink:hover {
	background-color: #008e0f;
}

.black:hover {
	background-color: #9926B7;
}

.green:hover {
	background-color: #b7cE66;
}

.blue:hover {
	background-color: #420f93;
}


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;
}