/*
                                                                                      
                          @&%###%                                                                          
                       %((((((((((                                                                         
                    (((((    (((#                                                                        
                 &%(((((      %(((                                                                         
                %#((((#      %((((                                                                         
              %####(#      ((((                                                                          
            #####       #(((((                                                                           
           ######     %(#((((((         @#(//                                                         
         ####     %((((((((        %#((//////       &////(  &/**                                         
        ####     #(((((((        &(((((/(((//#     #/////  &/***                                        
       %#####    %##(((((        #((((((  &(///     (////(  #//**                                          
      ######     ###(##         (((((    #///(     (////   &////                                           
     %#####                   &((((    #(///(    @#///    &////%%/#                                        
     #####%                 &(( ((#((((#///(#(//(//( &///////*(                                          
    %#####%               %(((  (((((((  #///////  (///////(                                               
    %#####%            ((      ((((    (////      (////                                                  
     #######&      @%#(((                                                                                  
     ################(#                                                                                    
       #############                                                                                       
          #####                                                                                            
                     
*/

*{
  margin:0;
  padding:0;

}

header#canvas{
  height:42.57vw;
  width:36.2vw;
  background-color:black;
}


section{
  height:100%;
  width:100%;
  float:left;
  background-color:navy;
}


article#one{
  display: inline-block;
  margin-left: 0%;
  height:90.55%;
  width:44.6%;
  margin-top: 0%;
  margin-right:0%;
}

article#two{
  display: inline-block;
  margin-left: 0%;
  height:89.85%;
  width:75.3%;
  margin-top: 0%
}

article#three{
  display: inline-block;
  margin-left: 0%;
  height:88.3%;
  width:66%;
  margin-top: 0%;
}

article#four{
  display: inline-block;
  margin-left: 0%;
  height:87%;
  width:50.65%;
  margin-top: 0%;
}

figure#five{
  display: inline-block;
  margin-right: 0%;
  height:90.55%;
  width:44.6%;
  margin-top: 0%;
  float:right;
}

figure#six{
  display: inline-block;
  margin-right: 0%;
  height:89.85%;
  width:75.3%;
  margin-top: 0%;
  float:right;
}

figure#seven{
  display: inline-block;
  margin-right:  0%;
  height:88.3%;
  width:66%;
  margin-top: 0%;
  float:right;
}

figure#eight{
  display: inline-block;
  margin-right: 0%;
  height:87%;
  width:50.65%;
  margin-top: 0%;
  float:right;
}


.orange{

  background-color:#e65c00;
}

.orange:hover{

  background-color: black;
}

.yellowgreen{

  background-color:yellowgreen;
}

.yellowgreen:hover{

  background-color: pink;
}

.yellow{

  background-color: gold;

}

.yellow:hover{
  
  background-color: red;

}

.crimson{

  background-color:crimson;
}

.crimson:hover{
  
  background-color: cyan;

}