/*                                                                     
     .*   `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;
	color: white;
	text-decoration: none;
	font-family: "Futura", "Arial","Helvetica";
	

}


body#canvas {
	width: 100vw;
	height: 100vw;
	background: linear-gradient(#CFBAFF, white) no-repeat fixed center;
}
	header {
		position: static;
		width: 100%;

	}
		h1 {
			padding: 2%;
			font-size: 36pt;
			font-weight: 800;
			text-align: center;


		}
		h2 {
			padding: 0.10%;
			font-size: 36pt;
			font-weight: 500;
			text-align: center;
			background: black;
			border-radius: 50px;
			margin-bottom: 40px;


			

		}
			h2 a:hover {
				color: cyan;

			}

section {
	display: inline-block;

}
.squares {
	width: 100%;
	height: 50%;
	margin: 0 auto 0 auto;
}
figure {
	float: left;
	width: 40%;
	height: 44%;
	margin: 0% 0 10% 0%;
}
	img {
		height: 100%;
		width:auto;
	}
	 	.image1 {

		margin-left: 28%;
		}
			.image1:hover {
				color: white;
				border-style: solid;
				border-width: 10px;

			}
			
		.image2 {
		margin-left: 42%;
		}
			.image2:hover {
				color: white;
				border-style: solid;
				border-width: 10px;
			}
			
		.image3 {
		margin-top: 40px;
		margin-left: 47%;
		}
			.image3:hover {
				color: white;
				border-style: solid;
				border-width: 10px;
			}
			
		.image4 {
		margin-top: 40px;
		margin-left: 42%;
		}
			.image4:hover {
				color: white;
				border-style: solid;
				border-width: 10px;
			}
			
		.image5 {
		margin-top: 70px;	
		margin-left: 32%;
		}
			.image5:hover {
				color: white;
				border-style: solid;
				border-width: 10px;
			}
		.image6 {
		margin-top: 70px;	
		margin-left: 14%;

		}
			.image6:hover {
				color: white;
				border-style: solid;
				border-width: 10px;
			}
			
figcaption {
	color: black;
	margin-left: 40%;
	margin-top: 1%;
	text-align: center;

}

.figcaption1 
{
	background: black;
	border-radius: 30px;
	padding:5px;


	color: #CFBAFF;

}
.black {

}

strong {
  font-weight: bold;
  color: #CFBAFF
}