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

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

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

	* {
		margin: 0;
		padding: 0;
	}

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

body {
	background-color: black
}

main {
	width: 56vw;
	height: 57vw;
	margin: 10vw auto 0;
	background-color: blue;
}

/*::::SECTION 01::::*/

#section-1 {
	width: 56vw;
	height: 17vw;
	background-color: #1393cc;
}

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

#article-1a {
	width: 56vw;
	height: 2.5vw;
}

#figure-1a-1 {
	float: left;
	width: 38vw;
	height: 2.5vw;
	background-color: yellow;
}

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

#figure-1a-2 {
	float: left;
	width: 18vw;
	height: 2.5vw;
	background-color: black;
}

#figure-1a-2:hover {
	background-color: white;
}

#article-1b {
	width: 56vw;
	height: 11.5vw;
	margin-top: 3vw;
}

#figure-1b-1 {
	float: right;
	width: 46vw;
	height: 1.25vw;
	background-color: yellow;
}

#figure-1b-2 {
	float: right;
	width: 18vw;
	height: 10.25vw;
	background-color: yellow;
}

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

#section-2 {
	width: 56vw;
	height: 17vw;
}

#article-2a {
	width: 56vw;
	height: 4vw;
}

#figure-2a-1 {
	float: left;
	width: 15vw;
	height: 4vw;
	background-color: red;
}

#figure-2a-1:hover {
	background-color: gray;
}

#figure-2a-2 {
	float: left;
	width: 41vw;
	height: 4vw;
	background-color: white;
}

#figure-2a-2:hover {
	background-color: black;
}

#article-2b {
	width: 56vw;
	height: 13vw;
}

#figure-2b-1 {
	float: left;
	width: 38vw;
	height: 13vw;
	background-color: #1393cc;
}

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

#figure-2b-2 {
	float: left;
	width: 18vw;
	height: 13vw;
	background-color: yellow;
}

#figure-2b-2:hover {
	background-color: #1393cc;
}

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

#section-3 {
	width: 56vw;
	height: 23vw;
}

#article-3a {
	width: 56vw;
	height: 13vw;
}

#figure-3a-1 {
	float: left;
	width: 15vw;
	height: 13vw;
	background-color: black;
}

#figure-3a-1:hover {
	background-color: white;
}

#figure-3a-2 {
	float: left;
	width: 41vw;
	height: 13vw;
	background-color: yellow;
}

#figure-3a-2:hover {
	background-color: #1393cc;
}

#article-3b {
	width: 56vw;
	height: 10vw;
	background-color: #1393cc;
}

#article-3b:hover {
	background-color: red;
}

#figure-3b-1 {
	float: right;
	width: 27vw;
	height: 7.5vw;
	margin-top: 1.25vw;
	background-color: white;
}

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

#figure-3b-2 {
	float: right;
	width: 46vw;
	height: 1.25vw;
	background-color: red;
}

#figure-3b-2:hover {
	background-color: gray;
}