* {
	margin: 0;
	padding: 0;
}

header#canvas {
	width: 38.7vw;
	height: 48.6vw;
	background-color: transparent;
	position: absolute;
}

	section#yellow{
		width: 100%;
		height: 41.560509554%;
		background-color: F0E300;
		overflow: auto;
	}

	section#yellow:hover {
		background-color: 151EFF;
	}

		article#mint{
			width: 81.2%;
			height: 65.134099616%;
			background-color: 9BC658;
			margin: 0 auto;
			margin-top: 9%;
			overflow: auto;
		}

		article#mint:hover {
		background-color: 6A3AAD;
		}

			figure#gold{
				width: 97.167487684%;
				height: 20.588235294%;
				background-color: FCB800;
				margin: 0 auto;
				margin-top: 1.51%;
			}

			figure#gold:hover {
				background-color: 044BFD;
			}


	section#red{
		width: 100%;
		height: 5.891719745%;
		background-color: E52610;
	}

	section#red:hover {
		background-color: 1ADCEF;
	}

	section#white{
		width: 100%;
		height: 42.03821656%;
		background-color: E7E6E5;
		overflow: auto;
	}

	section#white:hover {
		background-color: 181919;
	}

		article#pink{
			width: 81.2%;
			height: 65.134099616%;
			background-color: F192AA;
			margin: 0 auto;
			margin-top: 9%;
			overflow: auto;
		}

		article#pink:hover {
			background-color: 0F7255;
		}

			figure#black{
				width: 97.167487684%;
				height: 20.588235294%;
				background-color: 252525;
				margin: 0 auto;
				margin-top: 1.53%;
			}

			figure#black:hover {
				background-color: D9D9D9;
			}


	section#limegreen{
		width: 100%;
		height: 3.343949044%;
		background-color: B8CE02;
	}

	section#limegreen:hover {
		background-color: 4831FD;
	}

	section#blue{
		width: 100%;
		height: 3.82165605%;
		background-color: 193A90;
	}

	section#blue:hover {
		background-color: E9C470;
	}