@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Berkshire+Swash&family=Patrick+Hand&display=swap');

ul {
	list-style-type: none;
	font-size: 2vw;
	
}

	li {
		display: inline-block;
		margin: 0 0.5vw;
	}

	a:hover {
		background-color: #201B51;
		color: white;
	}

	.current-page {
		font-family: Bebas Neue; color: #201B51; font-size: 15pt;
		text-decoration: underline;
	}

a {font-family: Bebas Neue; color: #201B51; font-size: 30pt;}



* {
	margin:0;
	padding:0;
}


header#canvas{
	width: 49.6vw;
	height: 56.6vw;
	background-color: powderblue;


}

section, article {
	float: left;
}
	section.black {
		width: 1.45%;
		height: 100%;
	}


	section.tan {
		width: 1.45%;
		height: 100%;
	}

	section.gray1 {
		width: 1.45%;
		height: 100%;
	}

	section.powderblue {
		width: 1.45%;
		height: 100%;
	}

	section.white {
		width: 1.45%;
		height: 100%;
	}
	
	section.gray2 {
		width: 1.45%;
		height: 100%;
	}

	section.gray3 {
		width: 1.45%;
		height: 100%;
	}

	section.gray4 {
		width: 1.45%;
		height: 100%;
	}

	section.navy {
		width: 1.45%;
		height: 100%;
	}

	section.gray5 {
		width: 1.45%;
		height: 100%;
	}

	section.gray6 {
		width: 1.45%;
		height: 100%;
	}

	section.gray7 {
		width: 1.45%;
		height: 100%;
	}


		article.powderblue {
			width: 33.3333%;
			height: 100%;
		}

		article.pink {
			width: 33.3333%;
			height: 100%;
		}

		article.tan {
			width: 33.3333%;
			height: 100%;
		}


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

.tan {
	background-color: #d1bb61;
}
	.tan:hover {
	background-color: purple;
}

.powderblue {
	background-color: #89d1f5;
}

	.powderblue:hover {
	background-color: red;
}

.pink {
	background-color: #ebadcc;
}
	.pink:hover {
	background-color: yellow;
}

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

.gray1 {
	background-color: lightgray;
}

.gray2 {
	background-color: #a3a3c2;
}

.gray3 {
	background-color: #6c7693;
}

.gray4 {
	background-color: #364563;
}

.navy {
	background-color: #152137;
}

.gray5 {
	background-color: #394560;
}

.gray6 {
	background-color: #ababba;
}

.gray7 {
	background-color: #bdc5db;
}