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

/*

                     `+@.                         +#:`                     
                   `###'                           `@@@'                   
                 ;@#@@.`                             +####`                
           `   '####@`                                :##@##.              
             .@####@                                   ,#@@###             
            +@#####                                     ;####@@.           
           #######.                                      @####@#,`         
          .#####@#                                        ######@          
          @######                                         ###@###.         
      `,  @######                                          ######'  @      
     `#: `######:                                          @#####@  @+     
     @#; ,######                                           @#####@  @#,    
    '##+ +####@#                                           +@#####  ##@    
    @##@ #######                                           :#####@ `####   
   ##### ######@                                           ;#####@ #####`  
   #####::@#####                                           #####@# ######  
  '#####@ @#####                                           @#####@.######  
  @#####@:@#####;                                          @#####,@######` 
  @#######:#####@                                         `@#####+#######: 
  ########@######                                         ######+########; 
  ###############+                                        ###############; 
  @##############@                                      `;@#####@#######@. 
  `##############;                                        @#############@  
`  #############@                                         .###########@@  `
:+  ############:                                        ` @###########+  #
+#: .#########@#                                         ` ##@########@` @#
###: '#########@  `                                      ; .##########  @@@
@##@;`#########@ `+                                    ` @ `#####@###` @###
##@##+ +#######@ ;@                                     +#  #######@`.@@###
;######,:@@####@ '#@                                   `##  ####@## +@#@###
`@@###@#@;'##### .##'        ;++@.                     #@@ '####+:#@######@
 #############@@; ###;         `;@@,      `           #### ###############+
 @@#############@`@###'            +####@@,:,        @@@#`'###############`
 `###############@`###@#           .#######@@.     .@@#@@`@##############@ 
` ###############@:;####@`          ######,  ,    '###@# @@#############@` 
   #@@#############.#@####'         #####;      .@####@.##############@#:  
    @@##############.+######'       #####+     ##@###@`###@############:   
     ;@##############;.@##@##+      ######    @###### ################`    
       `;@@############ @#####@    ,@####@   @##@@#,'#######@##@#@+,``     
      @#':..,;#@#########:@####@.  #######  @@##@#;##@#####@#+;,,,;+@.     
       #########################@+#########@#@######################,      
        +##########################################################. `     
         '######################@@@#############################@@`        
         `,###########@###############################@@########@          
            @#######@@###############################@#########;           
             :#####@# :@#############################``#######             
               +@#####  .#@@##################@@#@;```@###@@,              
                `##@###    '###################@,   ;#@@#@,                
                   :#@##,    :@##########@@##@`    ###@#`                  
                      :+@@     '#@##########.    ,@@;`                     
                          `     `@#########                                
                                ,########@@                                
                                @##########,                               
                               .@#@#######@#                               
                              `@############,                              
                              ,@############@                              
                              ##@###########@+                             
                             @#@+##########@##.                            
                            '@#@@##########`###`                           
                           +##@ ###########';@#@                           
                           :@#,.###@###@###@ @@@                           
                            #@ ###@'@######@` @@                           
                            @  ##@#,####'###+ ,:                           
                           `` ,##@# @##@,####  `                           
                           `  ###@@ ###@.####;                             
                             ;####@ @##+`#####                             
                            .###### ###: ######                            
                             #####+ @##, @####@                            
                             :####: @##. @##@@`                            
                              @###. +##  @@@#.                             
                               @##  '@#  @@#@                              
                               ,@#  :#@  @#@                               
                                ##  `#@  ;@`                               
                                 @   #@  .'                                
                                 .   @@  ``                               
                                                                                    
*/

*{
	margin: 0;
	padding: 0;
	background-color: #010C16;
	
}
header#canvas{width: 47.412vw;
	height: 47.412vw;
	margin: 2vw auto 2.5vw;
	box-shadow:15px 15px 30px#ADADAD;
	border-style:groove;
	border-width: .8vh;
	border-color:white;
}
figure{
	width: 11.85vw;
	height: 11.85vw;
	float: left;
}
figcaption{
	width: 2.9625vw;
	height: 2.9625vw;
	float: left;
}
.yellow{
	background-color: #EDE582;
}
.purple{
	background-color: #6C77D6;
}
.green{
	background-color: #265C5F;
}
.orange{
	background-color: #F5510A;
}
.lime{
	background-color: #DBE103;
}
.brown{
	background-color: #551F00;
}
.orchid{
	background-color: #2D2445;
}
.sunset{
	background-color: #D73602;
}
/*interactive*/
.yellow:hover{
	background-color: #090829;
}
.purple:hover{
	background-color: #DBE103;
}
.green:hover{
	background-color: #DBE103;
}
.orange:hover{
	background-color: #DBE103;
}
.lime:hover{
	background-color: #5E0232;
}
.brown:hover{
	background-color: #6C77D6;
}
.orchid:hover{
	background-color: #FCD806;
}
.sunset:hover{
	background-color: #265C5F;
}