/* ############################################### *
 * ##   2222   4    4  L       EEEEEE  MM   MM  ## *
 * ##  2    2  4    4  L       E       M M M M  ## *
 * ##       2  444444  L       #EEEEE  M  M  M  ## *
 * ##     22        4  L       E       M     M  ## *
 * ##  222222       4  LLLLLL  EEEEEE  M     M  ## *
 * ############################################### *

 *  STOP RIGHT WHERE YOU ARE BUDDY>. THESE STYLES
 *  ARE C_O-P-Y-Writed!

 * Im pretty sure its illegal to even look at them.

 * yeah. stop get outta here

 * really. its like. actually let me just level with you

 * I'm doing this for you really. You don't know what you're
 * about to see by continuing down this path.

 * within this file rests evil secrets yet unseen by mankind.
 
 * some people call my code "wizardry" or "witchcraft"
 * "Lovecraftian" even..,

 * here's a good way to put it: do you know about that SCP thats like a picture

 * and when you look at it it just straight up KILLS YOU.

 * that one yeah.l  Its like that

 * if you look at this code, lets justr say. i wont be liable for what happens to you

 * you might experience
 
 * pain
     
        *


 * emotions that you've never felt before.
      ##//***
    ###////***...
   ###///******^^
    ###//****^^^
      '     '   '
        '  ' '
     '  '   '  '

 * emotions that you forgot existed


    ./ .    .,  ,.
        /.  ,. / .
    ,.  ,   .,  .,  

    * you might discover something new about yourself

    /// /   /., ./
    /   .,  /   ,.\
    ./  ./  .   ./
    /   /.  ./. /.

 * the rain is coming down harder now. will you continue on or turn back?

 > continue on

    /...    .// .//.    /././
    ./  /.//.   ./  ./. .//.
    ./  ././/   WHOOSH ,.,. ,.
    ././/.    /./ /../    /.//..

    * ...
    * sheets of icy rain pour down on you as you step into the storm.
    * frost develops around your face. the misty vapor of your exhalations is
    * cut into shreds and dissipates like the clear world you saw before.

 > continue on
    
    /..//./ .//// /../
    /|/ /\\||| //\||||
    //.. WHOOOOASH ../|
    ?|\\\\|| /\|||| ||/

    * the world unwravels into amorphous blobs and sharp lines. your brain becomes
    * a storm as your nerves are wracked with only the tirade of sharp pinprick 
    * stimulus crashing into you, rolling down your spine, on your neck, in your eyes,
    * the wind whirring in your ears.

    * your waterlogged shoes are untied.

 > continue on

    /||/???|||?///\/|
    \\??\\/?|?\/\.\.\.
    |?/\/|||?\\/||>|\
    ///\|?|?|?|\\\|??

    * there is no light anymore;
    * you could only hope that you're approaching the eye of the storm,
    * feeling around, holding onto anything real and actual,
    * feeling the actual slipping through your hands like grains of sand,
    * tumbling into the wind

        * you've been here for how long again? minutes? years? time washes away
        * with the rest

 > continue on

    //||||./.|||?/
    \\\????//\/\/\\\/
    ?\\<.\//<?|
    \\/??||??||\

    * the world is-

 > woah wait what si that

    * ...what?

 > hey computer, zoom in

    [ENHANCHING.......50%]

    ///|||?|//
    ///|||?///
    ?\<\\>\kl\
    ..,\.,,;\\

 > yeah whats that thing cna u enhance more

    [ENHANCING........97%]

    //\||/\\||
    \\<.//>;\\
    \\\\..\\||

 > wait ya that thing. what is it

    [ENHANCING.................100%]

     <.//><
    
    [OBJECT IDENTIFIED: FISH IN FRONT OF YOU.]

 > dude nice. pick it up

    * okay.

    * you emerge on the other side of the clouds into a garden laced with clover
    * and low-crawling flora. the storm gracefully floats about the place, whispering to you:

    [nice catch]

 > place fish into fishbowl

    * okay.

    * you place your new friend into a pot brimming with fresh rainwater, being held in only 
    * by the surface tension and the young lily pads that populate the top of the pot.
    * the fish goes in with a "plop!" and a bit of water spills over.

 > goodbye
    
    * you bow to the fish, the storm, the flowers.
    * throw your hand up to bid them "adieu!" and walk back
    * into the wall of rolling clouds.

    [GOOD ENDING: Everyone lives!]

 */

body {
   width:800px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 0px;

   /*background-image: url("rsrc/images/background/bg-clover-dithered.png"); */
   /* background-size: cover;*/

   background-image: url("rsrc/images/background/dither-pattern-03-white-green.png");
   background-size: repeat;
}

#content-container {
   text-align:center;
   width:800px;
   height:fit-content;
   /* background-image: url("rsrc/images/background/bg-dither-pattern-01.png"); */
   background-image: url("rsrc/images/background/dither-pattern-03-white-green.png");
   background-size: repeat;
   
   box-sizing: border-box;
   border: solid;

   display: grid;
   grid-template-columns: auto 600px;
}

.nav-sidebar {

}

.nav-sidebar button {
   height: 41px;
   width: 100%;

   background-image: url("rsrc/images/img-typhlosion-dither-nobg.png");
   background-size: contain;

   background-color: #00000000;

   color: blue;
   font-style: bold;
   font-size: 24px;
}

p {
   font-size: 20px;
}

#footer {
    text-align: center;
}

.clovers {
   background-image: url("rsrc/images/background/bg-clover-dithered.png");
   background-size: 100%;
   /* background-size: contain; */
   width: 100%;
   height: 100%;
}

#content {
   background-color: beige;
}