@charset "utf-8";
/* CSS Document */

main#canvas {
	width: 37vw;
	height: 45vw;
	background-color: red;
}

section {width: 100%;
height: 40%;
}

article {width: 100%; height: 8%;}
header {width: 100%; height: 4%;}
footer {width: 85%; height: 70%; float:left; margin-left: 7.5%;margin-top: 7.5%;}
figure {width: 98%; height: 20%;float: left ;margin-left: 1%; margin-top: 1%; margin-bottom: 1%; margin-right: 1%;}


.yellow {background-color: #ede400;}
	.yellow:hover {background-color:fuchsia}
.red {backrgound-color: #e42010;}
	.red:hover {background-color: cornflowerblue}
.white {background-color: #f7f7f7;}
	.white:hover {background-color:black}
.green {background-color: #b9cc01;}
	.green:hover {background-color:darkslateblue}
.blue {background-color: #1d378e;}
	.blue:hover {background-color:darkgreen}
.othergreen {background-color: #95c150}
	.othergreen:hover {background-color: cyan}
.pink {background-color: #f193ab}
	.pink:hover {background-color:darkred}
.orange {background-color: #fbb600}
	.orange:hover {background-color:aqua}
.black {background-color: #232323}
	.black:hover {background-color:aliceblue}