/*
  .~?YP557.                                                                                         
.7J???JP#&G.                                                                                        
~5:...^5#&&!                                                                                        
.Y5JJ5GBBGP5.                                                                                       
 .!7?????J5P?.                                                                                      
  .~~~!7??YPP~                                                                                      
   :!!!77?J5P5:                                                                                     
    ^!!!777J5P?.                                                                                    
    .~!!7777YPP!                                                                                    
     .!!777?J5PP:                                                                                   
      ^!!!77?YPGY.                                                                                  
      .!7!7?JJPGG7                                                                                  
       :?77?JJYPGG^                                                                                 
        ^????JJ5GB5.                                                                                
         !J??JY5PGB?                                                                                
         .?JJJY5PGBB^                                                                               
          :JJYY55PGB5.                                                                              
           ~JJYY55PBB?                                      .                                       
            7JJJY55GBB:                                 ^JPGBGGY?^.                                 
            .?YJY5PGB#J                              :~YGB&&&&&&&&#Y:                               
             .JJYY5PBBB:                           .Y##&###BP5GB#&&@&7                              
              :JYY55GBBJ                           ?##B7~::.::~75#&&@@7                             
               :JYY5PBBB:                          5##!^^::::::^JP&&&&G.                            
                :YY55GB#?                          ^#&^:!!~7?YPB#&B&#G5.                            
                 :55PGB##:                          5@J7PBP~^BBB##BGGBP.                            
                  ~GBB#&@?                          .J?^!7~:.!J?!!YBB5!                             
                   ~B##&&#.                           .:^::::!PP55PBBY                              
                    ~B##&@J                            .^~~J5Y5B&#PGBY                              
                     !###&&:                            .!??GBBB#PPBB5!!~.                          
                      J##&&P                           ^^?PJ!77JYYG##BBP5Y^                         
                      .P##&&!                      .:~!77Y:?!^~5PP#&#BBGPPP7                        
                       .G##&#.              ....:^!J7!?5PY?JJ!!7?P##B#BGPPGY                        
                        ^##&@Y             :~7Y?J7JYJJJYG55Y!75YJYBBGGBBGP#G.                       
                         !#&&&^           :^:^7J!~!YYJPGGPGPY?55PG##GGB#P5G#^                       
                          J&&&B.         :7!^^~7JYJJY55P5?YGG55~?G#BBGB##5G#~                       
                          .P&&@?        .~7?~!7JJ5GGGBBPY575GB555JGBGGB#&GGG~                       
                           .B&&&:     :~~^^!7YPBBBBB###GPGJJPB#GP55#BB##&BPG~                       
                            ^#&&GYPYJ7???YYYYPBB#&&#B#GGB#GP##B5YGGBBGGB&#PB~                       
                             ~PG#&&&@@#GPGPPGG#BB#&#BB#GG###&&&GGGBYBGBB&#GB~                       
                            ^5&&@@&&&&@@GGPGGGBGGG##&&#5Y###&##&BBBYPGGB&&GG~                       
                          .P##&B###&&&@@BGBGGB#B#G#BB#BY5B&&&#B#&BGP5GG###GGP~.                     
                          ^B#BPPB#&&&&@@BGBB#BP55GGPY5BPY5#&&#B#&&BBPGB##GGPGGP?:                   
                          ^P###BB&&&&&@#BBGGY77?7?YPYGPGP#&&&B5#&&#BGGB&#GBPPG55GJ^                 
                           .5###&##&@@PY7^!?~7JYJJYJ!!75#&&&#5PB&&&BGB&&5B#GG5JJYGGY~.    .         
                             !GGGGB&@#.   ~7?YJ?^YJ~~7P#&##GP5G#&&&#G&@#P&#BGP55Y5PYP57~7555J:      
                                 .P&&&&? .^^~7Y~?YP5PBBGJJPY?5B&&&###&&GG7JGPGP5PGJ??G&&&@G?7^:::.  
                                 .5YYG&Y :7!7?7!77?7?YY!7YJ55B#&&BBB&&&B5  .!5GPPG5P#@@@@@@&&&&GPPJ.
                                  .^^^.  77:?Y~^~77!JJ?7!!?PB##BGBG&@&#B?     :7J7:~P#&@@@&&&B#G7^Y!
                                        .~7^?7!?JJ^:5Y7!JG##GBBYGBB&@&GG~             .:!&&BBY:J&J  
                                        :77^^^~~7J~!?!YB##B7~J#BB##&&#GB^               .Y#?BP :B?  
                                       :7?^^^^~~7!~^~JGGY?~:7GBB#&&&&GG#~               :!^J?.  :   
                                      .:^Y!^!77^J?!7YYY^!?!5&###&&@@&PB&?                           
                                      :^?77?Y?^!Y?77J?~7JP&@#P#&@@@@BG##Y                           
                                      ~?~~!7?7!?~^!7!~!G&&&&BB&&&&@&GBB#5                           
                                     .?~!~!!~~!^:~75B#&&&&&&&&&&&&@#5G5BG~                          
                                     .!^^^^!7!~7YG#&&&&&&&###&&&&&&&J55GBG!                         
                                    .^~7PPGB###&&&&&&&&######&##&&&&PYPYYPB5^                       
                                   :YPGBB#######&&&&&&&########&&&#&#PPPY?!5G?.                     
                                  :GBBBBB####&&&&&&&&&&@&######&#B#&&#PP5P55#~                      
                                 :PBBBBB####&&&&&&&&@@@@&#########&#G#&#B#&&@&7                     
                                ^GBBBBBB##&&&&&@@@@&&&@@@&&&&&###BBB#&#B#&&&&&&P.                   
                               !BBB#######&&&&@@@@&&&#GJ75#&&###BGB##G5GB###&&&@B:                  
                              !BBGBB####&&&&&@@@&&&P:.    .7G&&#BB#BGPG######&&&@&~                 
                             ~GBBBB#####&&&@@@@@&&5.        .!G&&#BBBB###BBBB##&&@&!                
                            :GBB#####&&&&@@@@@@@&?             ~P&#BB###BGPPG###&&@@J               
                           .PBBB###&&&&&&&&@@@&B:                ^P####BGGGB##B##&&&&J              
                          .PBBB##&&&###&&@@@@&7                    ~P#######BBBBB##&&@Y             
                          Y#GG######&&@@@@@&5.                       ~G###BBBBBGGBB#&&@Y            
                         !BPPBBB###&@@@@@@B~                           !G##BGGPPGGBB#&&@5           
                        .GGYPB###&&&&&&&&J.                             .7B#####BB####&&@Y          
                        !#55B###&&&&&@@G:                                 .Y############&&Y         
                        5B5GB####&&&@@B.                                    !#BBBBBBBBB#&&&~        
                       .GBP5PB##&&@@@#.                                    .G&##BBBBBB###&@J        
                       .GB5YPB#&&@&&@7                                     ~&&##########&&@?        
                       .GBGBB#&&&&&&@!                                     G&&&&####&&&&@@B.        
                       .B#BB#####&@@&~                                    !#&&&&&&&&&@&#5~          
                       .BBBBB###&@@@&~                                   7####&&&&&&@&~             
                       :BBBGGBB&@@@@&^                                  :#######&&@@&^              
                       ~BBBGPG#@@&&@&:                                  !&##B#BBB#&&&!              
                       JBGP55B&&&&&@G                                   .Y#&&&####&&@7              
                       5BPYYP####&@@?                                     :JJP&#B&&&&P.             
                      .GBGY5G##&@@@&^                                        .5&BB#&&&B~            
                      ~BBPYG#&&&&&@P                                          .5&BB&&&&&G~.         
                      ~BG5PB####&&&~                                           .?G#####&&GJ!:       
                      ^BPG#####&&&&~                                             .~?YPPGPPGPG!      
                     .5#BBBBB#&&&@B.                                                   ...:::.      
                     :BBBGGPP&@@@&:                                                                 
                     :GBGGBB&@@@@?                                                                  
                     JGPB#&&&&&@&.                                                                  
                    7BPB&&&&&&&@B                                                                   
                   ^GGBGBB#&&&&#~                                                                   
                   5BGGGBBB#&&&Y                                                                    
                  :GBGBBB##&&@&:                                                                    
                  7##BB##&&&@&7                                                                     
                .?###&&&&&&&@5                                                                      
               ^G&###&&&&&&@&^                                                                      
              !#&&&&&&&&&@G!.                                                                       
             .JPJ!5&&&&&@&:                                                                         
             .Y?^P&@@@&#G^                                                                          
              ~?5BGY7~:.     

        beware the Asciijima.
*/



/*Semantics*/

body {
    background-color: #e2e5e7;
    font-family: "MS UI Gothic", sans-serif;
    font-size: 16px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    margin: 0px;
    padding: 0px;
    font-weight:normal
}

ul {
    list-style-type: square;
    list-style-position: inside;
}

* {
    image-rendering: pixelated;
    paint-order: stroke fill;
}

a {
    color: inherit
}

header {
    grid-area: header;
}
aside {
    grid-area: aside;
}
footer {
    grid-area:footer
}
section {
    grid-area:section
}
main {
    grid-area:main
}

/*Specific*/
#container>nav {
    grid-area: nav;
}

#container {
    width: var(--container);
    margin-left: auto;
    margin-right: auto;
}

.nofilter {
    image-rendering: auto;
}

.button {
    width: 88px;
    height: 31px;
}
.flex {
    display: flex;
}
.listing {
    width: 50px;
    height: 50px;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    transition: opacity 0.6s ease;
}

#loading.hide {
    opacity: 0;
    pointer-events: none;
}

/*Font*/

@font-face {
    font-family: "Madou";
    src: url(../assets/fo/madoufutumaru.ttf);
}
@font-face {
    font-family: "m20";
    src: url(../assets/fo/m20.ttf);
}
@font-face {
    font-family: "retro";
    src: url(../assets/fo/retro_computer_personal_use.ttf);
}