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

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

*{
	margin: 0;
	padding: 0;
	background-color: #010C16;
}
header#canvas {
	width: 41.3vw;
	height: 20.6vw;
	margin: 14.55vw auto 0 auto;
	box-shadow:30px 20px 30px #043B6C;
	border-style:double;
	border-width: 1vh;
	border-color:#0C0904;
}
section{
	width: 100%;
}

figure{
	float: left;
	height: 100%;
}

/* size and position */

.first{
	height: 6.76vw;
}

.second{
	height: 1.225vw;
}

.third{
	height: 2.28vw;
}


.beige{
	background: #EAEAE8;
}

.black{
	background: #0C0904;
}

.green{
	background: #007157;
}

.blue{
	background: #05346C;
}

.teal{
	background: #18a2a3;
}

.red{
	background: #E75522;
}

.yellow{
	background: #FFF122;
}


.a{
	width: 16.5%;
}

.b{
	width: 2.85%;
}

.c{
	width: 5.5%;
}

.d{
	width: 8.5%;
}
.e{
	width: 16.65%;
}
/*interactive*/

.beige:hover{
	background: #0C0904;
}

.black:hover{
	background: #EAEAE8;
}

.green:hover{
	background: #016B14;
}
.blue:hover{
	background: #0533F9;
}

.teal:hover{
	background: #00FFFA;
}

.red:hover{
	background: #E90100;
}

.yellow:hover{
	background: #260857;
}