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

/*	     __                           
        / /___ ___ __________________/
   __  / / __ `__ \ ___jennifer_____/
  / /_/ / / / / / /____morehead____/
  \____/_/ /_/ /_/_____GR66_______/ 
*/

/*::::CSS RESET::::*/

	* {
		margin: 0;
		padding: 0;
	}

/*::::SEMANITC TAGS::::*/

body {
	background-color: black;
}

main {
	width: 52vw;
	height: 78vw;
	margin: 10vw auto 10vw;
	background-color: whitesmoke;
}

/*::::SECTION 01::::*/
#section-1 {
	width: 52vw;
	height: 8vw;
	background-color: lightgray;
}

#section-1:hover {
	background-color: hotpink;
}

#article-1a {
	float: right;
	width: 4.5vw;
	height: 2.25vw;
	margin: 0vw 0vw 1vw 47.5vw;
	background-color: black;
}

#article-1a:hover,#article-1b:hover {
	background-color: whitesmoke;
}

#article-1b {
	float: right;
	width: 50.50vw;
	height: 4.75vw;
	margin-left: 1.50vw;
	background-color: black;	
}

#figure-1b-1 {
	float: left;
	width: 9vw;
	height: 2.25vw;
	margin: 1.25vw 0vw 1.25vw 37vw;
	background-color: #e60000;
}

#figure-1b-1:hover {
	background-color: blue;
}

#figure-1b-2 {
	float: left;
	width: 4.5vw;
	height: 2.25vw;
	margin: 1.25vw 0vw 1.25vw 0vw;
	background-color: gray;
}

#figure-1b-2:hover {
	background-color: purple;
}



/*::::SECTION 02::::*/

#section-2 {
	width: 52vw;
	height: 6vw;
	background-color: whitesmoke;
}

#article-2a {
	float: left;
	width: 6vw;
	height: 6vw;
	background-color: #e60000;
}

#article-2a:hover, #article-2c:hover{
	background-color: blue;
}

.figure-2a-1 {
	float: right;
	width: 1.5vw;
	height: 6vw;
	margin-left: 1.5vw;
	background-color: black;
}

.figure-2a-1:hover, .figure-2c-1:hover {
	background-color: whitesmoke;
}

#article-2b {
	float: left;
	width: 32.5vw;
	height: 6vw;
	background-color: whitesmoke;
}

#article-2b:hover {
	background-color: black;
}

#figure-2b-1 {
	display: block;
	height: 1.1125vw;
	margin-top: 1.1125vw;
	background-color: lightgray;
}

#figure-2b-2 {
	display: block;
	height: 1.33vw;
	margin-top: 1.55vw;
	background-color: lightgray;
}

#figure-2b-1:hover, #figure-2b-2:hover {
	background-color: hotpink;
}

#article-2c {
	float: left;
	width: 9vw;
	height: 6vw;
	background-color: #e60000;
}

.figure-2c-1 {
	height: 1.55vw;
	margin-top: 2.225vw;
	background-color: black;
}

#article-2d {
	float: left;
	width: 4.5vw;
	height: 6vw;
	background-color: gray;
}

#article-2d:hover {
	background-color: purple;
}

/*:::: SECTION 03 ::::*/

#section-3 {
	width: 52vw;
	height: 5vw;
	background-color: whitesmoke;
}

#article-3a {
	float: left;
	width: 6vw;
	height: 5vw;
	background-color: #e60000;
}

#article-3a:hover {
	background-color: blue;
}

.figure-3a-1 {
	float: right;
	width: 1.5vw;
	height: 5vw;
	margin-left: 1.5vw;
	background-color: black;
}

.figure-3a-1:hover, .figure-3b-2:hover, .figure-3c-1:hover, .figure-3c-3:hover {
	background-color: whitesmoke;
}

#article-3b {
	float: left;
	width: 32.5vw;
	height: 5vw;
	background-color: whitesmoke;
}

#article-3b:hover, #article-3c:hover {
	background-color: black;
}

.figure-3b-1 {
	float: left;
	width: 8vw;
	height: 1.25vw;
	margin-bottom: 1.25vw;
	background-color: lightgray;
}

.figure-3b-1:hover, .figure-3b-3:hover{
	background-color: hotpink;
}

.figure-3b-2 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin: 0vw 0vw 1.25vw 4vw;
	background-color: black;
}

.figure-3b-3 {
	float: left;
	width: 11.5vw;
	height: 1.25vw;
	margin-bottom: 1.25vw;
	background-color: lightgray;
}

#article-3c {
	float: left;
	width: 13.5vw;
	height: 5vw;
	background-color: whitesmoke;
}

.figure-3c-1 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin-right: 4.5;
	background-color: black;
}

.figure-3c-2 {
	float: left;
	width: 4.5vw;
	height: 2.5vw;
	margin-right: 9vw;
	background-color: gray;
}

.figure-3c-2:hover {
	background-color: purple;
}

.figure-3c-3 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin-right: 8vw;
	background-color: black;
}

/*::::SECTION 04::::*/

#section-4 {
	width: 52vw;
	height: 15vw;
	background-color: whitesmoke;
}

#article-4a {
	float: left;
	width: 6vw;
	height: 15vw;
	background-color: #e60000;
}

#article-4a:hover {
	background-color: blue;
}

.figure-4a-1 {
	float: right;
	width: 1.5vw;
	height: 15vw;
	margin-left: 1.5vw;
	background-color: black;
}

.figure-4a-1:hover, .figure-4b-2:hover, .figure-4d-2:hover {
	background-color: whitesmoke;
}

#article-4b {
	float: left;
	width: 21vw;
	height: 15vw;
	background-color: whitesmoke;
}

#article-4b:hover, #article-4d:hover {
	background-color: black;
}

.figure-4b-1 {
	float: left;
	width: 8vw;
	height: 1.25vw;
	margin-bottom: 1.25vw;
	background-color: lightgray;
}

.figure-4b-1:hover {
	background-color: hotpink;
}

.figure-4b-2 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin: 0vw 0vw 1.25vw 4vw;
	background-color: black;
}

#article-4c {
	float: left;
	width: 11.5vw;
	height: 15vw;
	background-color: gray;
}

#article-4c:hover, .figure-4d-1:hover {
	background-color: purple;
}

#article-4d {
	float: left;
	width: 13.5vw;
	height: 15vw;
	background-color: whitesmoke;
}

.figure-4d-1 {
	float: left;
	width: 4.5vw;
	height: 2.5vw;
	margin-right: 9vw;
	background-color: gray;
}

.figure-4d-2 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin-right: 4.5;
	background-color: black;
}

/*::::SECTION 05::::*/

#section-5 {
	width: 52vw;
	height: 5vw;
	background-color: whitesmoke;
}

#article-5a {
	float: left;
	width: 6vw;
	height: 5vw;
	background-color: #e60000;
}

#article-5a:hover, #article-5c:hover {
	background-color: blue;
}

.figure-5a-1 {
	float: right;
	width: 1.5vw;
	height: 5vw;
	margin-left: 1.5vw;
	background-color: black;
}

.figure-5a-1:hover, #figure-5c-1:hover, #figure-5d-2:hover {
	background-color: whitesmoke;
}

#article-5b {
	float: left;
	width: 12vw;
	height: 5vw;
	background-color: whitesmoke;
}

#article-5b:hover, #article-5d:hover {
	background-color: black;
}

#figure-5b-1 {
	width: 12vw;
	height: 2.5vw;
	background-color: gray;
}

#figure-5b-1:hover, #figure-5d-1:hover, #figure-5d-3:hover {
	background-color: purple;
}
#article-5c {
	float: left;
	width: 20.5vw;
	height: 5vw;
	background-color: #e60000;
}

#figure-5c-1 {
	width: 20.5vw;
	height: 2.5vw;
	background-color: black;
}

#article-5d {
	float: left;
	width: 13.5vw;
	height: 5vw;
	background-color: whitesmoke;
}

#figure-5d-1 {
	float: left;
	width: 4.5vw;
	height: 2.5vw;
	margin-right: 9vw;
	background-color: gray;
}

#figure-5d-2 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin-right: 4.5;
	background-color: black;
}

#figure-5d-3 {
	float: left;
	width: 4.5vw;
	height: 1.25vw;
	margin-right: 9vw;
	background-color: gray;
}

/*::::SECTION 06::::*/

#section-6 {
	width: 52vw;
	height: 7.5vw;
	background-color: whitesmoke;
}

#article-6a {
	float: left;
	width: 6vw;
	height: 7.5vw;
	background-color: whitesmoke;
}

#article-6a:hover, #article-6d:hover {
	background-color: black;
}

.figure-6a-1 {
	width: 6vw;
	height: 1.25vw;
	margin-top: 1.25vw;
	background-color: black;
}

.figure-6a-1:hover, #figure-6b-1:hover, #article-6c:hover, .figure-6d-2:hover {
	background-color: whitesmoke;
}

#article-6b {
	float: left;
	width: 12vw;
	height: 7.5vw;
	background-color: gray;
}

#article-6b:hover, #figure-6d-1:hover, #figure-6d-3:hover {
	background-color: purple;
}

#figure-6b-1 {
	width: 12vw;
	height: 2.5vw;
	margin-top: 2.5vw;
	background-color: black;
}

#article-6c {
	float: left;
	width: 20.5vw;
	height: 7.5vw;
	background-color: black;
}

#figure-6c-1 {
	width: 20.5vw;
	height: 2.5vw;
	margin-top: 2.5vw;
	background-color: #e60000;
}

#figure-6c-1:hover, #figure-6d-4:hover {
	background-color: blue;
}

#article-6d {
	float: left;
	width: 13.5vw;
	height: 7.5vw;
	background-color: whitesmoke;
}

#figure-6d-1 {
	float: left;
	width: 4.5vw;
	height: 1.25vw;
	margin-right: 9vw;
	background-color: gray;
}

.figure-6d-2 {
	float: left;
	width: 9vw;
	height: 1.25vw;
	margin-right: 4.5vw;
	background-color: black;
}

#figure-6d-3 {
	float: left;
	width: 4.5vw;
	height: 2.5vw;
	margin-right: 9vw;
	background-color: gray;
}

#figure-6d-4 {
	float: right;
	width: 4.5vw;
	height: 1.25vw;
	background-color: #e60000;
}

/*::::SECTION 07::::*/

#section-7 {
	width: 52vw;
	height: 11.25vw;
	background-color: whitesmoke;
}

#article-7a {
	float: left;
	width: 6vw;
	height: 11.25vw;
	background-color: whitesmoke;
}

#article-7a:hover, #article-7c:hover, #article-7d:hover, #article-7e:hover {
	background-color: black;
}

.figure-7a-1 {
	width: 6vw;
	height: 1.25vw;
	margin-top: 1.25vw;
	background-color: black;
}

.figure-7a-1:hover, .figure-7b-1:hover, .figure-7c-2:hover, .figure-7e-1:hover {
	background-color: whitesmoke;
}


#article-7b {
	float: left;
	width: 4vw;
	height: 11.25vw;
	background-color: gray;
}

#article-7b:hover {
	background-color: purple;
}

.figure-7b-1 {
	width: 4vw;
	height: 1.25vw;
	margin-bottom: 2.5vw;
	background-color: black;
}

#article-7c {
	float: left;
	width: 16vw;
	height: 11.25vw;
	background-color: whitesmoke;
}

.figure-7c-1 {
	float: left;
	width: 4vw;
	height: 2.5vw;
	margin-right: 12vw;
	background-color: #e60000;
}

.figure-7c-1:hover, .figure-7e-2:hover {
	background-color: blue;
}

.figure-7c-2 {
	float: left;
	width: 16vw;
	height: 1.25vw;
	background-color: black;
}

#article-7d {
	float: left;
	width: 17vw;
	height: 11.25vw;
	background-color: whitesmoke;
}

.figure-7d-1 {
	float: left;
	width: 12.5vw;
	height: 1.25vw;
	margin: 0vw 4.5vw 1.25vw 0vw;
	background-color: lightgray;
}

.figure-7d-1:hover, .figure-7d-2:hover {
	background-color: hotpink;
}

.figure-7d-2 {
	float: left;
	width: 12.5vw;
	height: 1.25vw;
	margin: 0vw 4.5vw 0vw 0vw;
	background-color: lightgray;
}

#article-7e {
	float: left;
	width: 9vw;
	height: 11.25vw;
	background-color: whitesmoke;
}

.figure-7e-1 {
	width: 9vw;
	height: 1.25vw;
	background-color: black;
}

.figure-7e-2 {
	width: 4.5vw;
	height: 1.25vw;
	margin-left: 4.5vw;
	background-color: #e60000;
}

/*::::SECTION 08::::*/

#section-8 {
	width: 52vw;
	height: 8.75vw;
	background-color: whitesmoke;
}

#article-8a {
	float: left;
	width: 6vw;
	height: 8.75vw;
	background-color: black;
}

#article-8a:hover, #article-8b:hover, .figure-8c-1:hover, .figure-8e-2:hover {
	background-color: whitesmoke;
}

.figure-8a-1 {
	width: 6vw;
	height: 1.25vw;
	margin-top: 1.25vw;
	background-color: whitesmoke;
}

.figure-8a-1:hover, #article-8d:hover, #article-8e:hover {
	background-color: black;
}

#article-8b {
	float: left;
	width: 4vw;
	height: 8.75vw;
	background-color: black;
}

.figure-8b-1 {
	width: 4vw;
	height: 2.5vw;
	margin-top: 1.25vw;
	background-color: gray;
}

.figure-8b-1:hover {
	background-color: purple;
}

#article-8c {
	float: left;
	width: 4vw;
	height: 8.75vw;
	background-color: #e60000;
}

#article-8c:hover, .figure-8e-1:hover {
	background-color: blue;
}

.figure-8c-1 {
	width: 4vw;
	height: 1.25vw;
	margin-top: 2.5vw;
	background-color: black;
}

#article-8d {
	float: left;
	width: 29vw;
	height: 8.75vw;
	background-color: whitesmoke;
}

.figure-8d-1 {
	width: 24.5vw;
	height: 1.25vw;
	margin: 1.25vw 4.5vw 0vw 0vw;
	background-color: lightgray;
}

.figure-8d-1:hover {
	background-color: hotpink;
}

#article-8e {
	float: left;
	width: 9vw;
	height: 8.75vw;
	background-color: whitesmoke;
}

.figure-8e-1 {
	width: 4.5vw;
	height: 1.25vw;
	margin-left: 4.5vw;
	background-color: #e60000;
}

.figure-8e-2 {
	width: 9vw;
	height: 1.25vw;
	background-color: black;
}

/*::::SECTION 09::::*/

#section-9 {
	width: 52vw;
	height: 11.5vw;
	background-color: lightgray;
}

#section-9:hover {
	background-color: hotpink;
}

#article-9a {
	float: left;
	width: 6vw;
	height: 10vw;
	background-color: whitesmoke;
}

#article-9a:hover {
	background-color: black;
}

.figure-9a-1 {
	width: 6vw;
	height: 1.25vw;
	margin-top: 1.25vw;
	background-color: black;
}

.figure-9a-1:hover, #article-9b:hover, #figure-9c-1:hover {
	background-color: whitesmoke;
}

#article-9b {
	float: left;
	width: 4vw;
	height: 8.75vw;
	background-color: black;
}

#figure-9b-1 {
	width: 4vw;
	height: 2.5vw;
	background-color: gray;
}

#figure-9b-1:hover, #figure-9b-2:hover, #article-9c:hover {
	background-color: purple;
}

#figure-9b-2 {
	width: 4vw;
	height: 1.25vw;
	margin-top: 1.25vw;
	background-color: gray;
}

#article-9c {
	float: left;
	width: 42vw;
	height: 8.75vw;
	background-color: gray;
}

#figure-9c-1 {
	float: left;
	width: 41vw;
	height: 3.75vw;
	margin-top: 5vw;
	background-color: black;
}