/*                                                                   
     .*   `MICHELLE.                      .MICHELLE'    .*             
	       888888888.               	.888888888                  
	       888888'  `888.           .888'  `888888                    
	        88888!  .88.  88.   .88  .88.  88888!                    
	*     `888  	      `8 ( ) 8'           888'                  
	         8888  '"        |U|        "'  8888       .*             
	        888888888888"'   |U|  `888888888888                           
	                .8'     8|U|8     '8.                              
	               .8' 88   8|U|8  88 '8.         .*                 
	            888  `'     8|U|8  `' 888                               
	             88888   .88 |U| 88.   88888                      
	            :8888888888' (U) '8888888888:        *           
	            '! 8888888'       '8888888 !'                     
	      .*        ERAZO          ERAZO                          
	               8                    8                          
	              8                      8                                 
		                       
	.  .._. __ .  ..___.   .   .___  .___.__ .__..___..__.
	|\/| | /  `|__|[__ |   |   [__   [__ [__)[__]  _/ |  |
	|  |_|_\__.|  |[___|___|___[___  [___|  \|  |./__.|__.
*/

*{ 
	margin:0;
	padding: 0; 
	font-family: "Futura","Arial","Helvetica";
}

header#canvas {
	width: 54.59vw;
	height: 67.5vw;
	float: left;
	margin-top: 3%;
	margin-left: 20.71%;
	
}

	article {
		width: 92%;
		height: 87.8%;
		margin-top: 3%;
		margin-left: 4.09%;
	}

		section {
			float: left;
			width: .934%;
			height: 100%;
		}
			main {
				margin-top: 1%;
				margin-bottom: 10%;

			}
				h1 {
					text-align: center;
					margin-top:20%;
				}
					
				h2 {
					color:#CFBAFF;
					
					text-align: center;
				}

				a {
					text-decoration: none;
					color: #CFBAFF;
				}
					a:hover {
					color: cyan;
					}

/* CSS COLOR CLASSES */
.blue {
	background-color: #7288AF;
}
	.blue:hover {
	background-color:magenta;
	}	
.green {
	background-color: #5B94A9;
}
	.green:hover {
	background-color: orange;
	}

.gray {
	background-color: #D3D3D3;
}
	.gray:hover {
	background-color: pink;
	}

.orange {
	background-color: #C39252;
}
	.orange:hover {
	background-color: powderblue;
	}

.red {
	background-color: #BF705F;
}	
	.red:hover {
	background-color: cyan;
	}

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