
/* *============================================================* Floating Character *============================================================* */
  @keyframes UpDown {
    from { top: 8px; }
    to { top: 32px; }
  }
  
  @keyframes DownUp {
    from { top: 40px; }
    to { top: 72px; }
  }
  
 .Floating_Character_Left {
    position: absolute;
    top: 16px;
    
    animation-name: UpDown;
    animation-duration: 3.8s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
 }
 
 .Floating_Character_Right {
    position: absolute;
    top: 16px;
    
    animation-name: UpDown;
    animation-duration: 3.4s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
 }

  .Floating_Character_Left img, .Floating_Character_Right img {
    max-height: 256px;
    max-width: 512px;
  }


/* *============================================================* Main *============================================================* */
/* *---------------------------------------------------* Title Block *---------------------------------------------------* */
  main .Title_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #ba88d7;
    border-right: 8px solid #7136a1;
    border-bottom: 16px solid #7136a1;
    border-left: 8px solid #ba88d7;
    
    background: linear-gradient(130deg, #a764d2 0%, #ffffff 16%, #a764d2 50%, #ffffff 64%, #a764d2 100%);
    
    box-shadow: 4px 4px 0px black;
   }
   
  main .Title_Text {
    padding: 0px 8px 0px 8px;
    
    font-size: 2em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #8045b2;
    border-right: 4px solid #bf87e2;
    border-bottom: 2px solid #bf87e2;
    border-left: 4px solid #8045b2;
    border-radius: 8px;
    
    background-color: #692f99;
  }
  
 /* *---------------------------------------------------* Divider Block *---------------------------------------------------* */
  main .Divider_Block {
    margin: 16px 0px 0px 0px;
    padding: 8px;
    
    border-top: 4px solid #ba88d7;
    border-right: 8px solid #7136a1;
    border-left: 8px solid #ba88d7;
    
    background-color: #a764d2;
    box-shadow: 4px 4px 0px #000000;
  }
  
  main .Divider_Text {
    padding: 8px 8px 8px 8px;
    
    font-size: 1.5em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #8045b2;
    border-right: 4px solid #bf87e2;
    border-bottom: 2px solid #bf87e2;
    border-left: 4px solid #8045b2;
    border-radius: 8px;
    
    background-color: #692f99;
  }
  
/* *---------------------------------------------------* Description Block *---------------------------------------------------* */
  .Description_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-right: 8px solid #7136a1;
    border-bottom: 16px solid #7136a1;
    border-left: 8px solid #ba88d7;
    
    background-color: #a764d2;
    
    box-shadow: 4px 4px 0px #000000;
  }
  
  .Description_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #8045b2;
    border-right: 4px solid #bf87e2;
    border-bottom: 2px solid #bf87e2;
    border-left: 4px solid #8045b2;
    border-radius: 8px;
    
    background-color: #491f79;
  }
  

/* *---------------------------------------------------* Description Block *---------------------------------------------------* */
  main .Standalone_Block {
    margin: 16px 0px 16px 0px;
    padding: 8px;
    
    border-top: 4px solid #ba88d7;
    border-right: 8px solid #7136a1;
    border-bottom: 16px solid #7136a1;
    border-left: 8px solid #ba88d7;
    
    background-color: #a764d2;
    
    box-shadow: 4px 4px 0px #000000;
   }
   
   .Standalone_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #8045b2;
    border-right: 4px solid #bf87e2;
    border-bottom: 2px solid #bf87e2;
    border-left: 4px solid #8045b2;
    border-radius: 8px;
    
    background-color: #491f79;
  }

  
  
/* *============================================================* Sidebar *============================================================* */
/* *---------------------------------------------------* Divider Block *---------------------------------------------------* */
  aside .Divider_Block {
    margin: 16px 0px 0px 0px;
    padding: 8px;
    
    border-top: 4px solid #687cd4;
    border-right: 8px solid #374a96;
    border-left: 8px solid #687cd4;
    
    background-color: #3e51a6;
    
    box-shadow: 4px 4px 0px #000000;
  }
  
  aside .Divider_Text {
    padding: 8px 8px 8px 8px;
    
    font-size: 1.5em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #2a3c89;
    border-right: 4px solid #596bbd;
    border-bottom: 2px solid #596bbd;
    border-left: 4px solid #2a3c89;
    border-radius: 8px;
    
    background-color: #1d2b67;
  }
  
  
/* *---------------------------------------------------* Description Block *---------------------------------------------------* */
  aside .Description_Block {
    margin: 0px 0px 16px 0px;
    padding: 8px;
    
    border-right: 8px solid #374a96;
    border-bottom: 16px solid #374a96;
    border-left: 8px solid #687cd4;
    
    background-color: #3e51a6;
    
    box-shadow: 4px 4px 0px #000000;
  }
  
  aside .Description_Text {
    padding: 16px 8px 16px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px 0#00000;
    
    border-top: 8px solid #2a3c89;
    border-right: 4px solid #596bbd;
    border-bottom: 2px solid #596bbd;
    border-left: 4px solid #2a3c89;
    border-radius: 8px;
    
    background-color: #15225b;
  }
  
  
   
  /* *============================================================* Rainbow Block *============================================================* */
  .Rainbow_Filter_Block {
    margin: 16px 0px 0px 0px;
    padding: 8px;
    
    border-top: 4px solid #ffffff;
    border-right: 8px solid #0093d0;
    border-left: 8px solid #ef4135;
    
    background: linear-gradient(150deg, #EF4244 0%, #F37037 20%, #FCF5B1 40%, #62BC53 60%, #1F97D1 80%, #672F85 100%);
    box-shadow: 4px 4px 0px black;
  }
  
  .Rainbow_Filter_Text {
    padding: 0px 8px 0px 8px;
    
    font-size: 2em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #ffffff;
    border-right: 4px solid #0093d0;
    border-bottom: 2px solid #fee96c;
    border-left: 4px solid #ef4135;
    border-radius: 8px;
    
    background: linear-gradient(150deg, #EF4244 0%, #F37037 20%, #FCF5B1 40%, #62BC53 60%, #1F97D1 80%, #672F85 100%);
  }
  
  .Rainbow_Main_Block {
    padding: 8px;
    
    border-top: 4px solid #ffffff;
    border-right: 8px solid #0093d0;
    border-bottom: 16px solid #fee96c;
    border-left: 8px solid #ef4135;
    
    background: linear-gradient(150deg, #EF4244 0%, #F37037 20%, #FCF5B1 40%, #62BC53 60%, #1F97D1 80%, #672F85 100%);
    box-shadow: 4px 4px 0px black;
  }
  
  .Rainbow_Main_Text {
    padding: 0px 8px 0px 8px;
    
    font-size: 1em;
    text-align: center;
    
    color: white;
    text-shadow: 2px 2px 0px #000000;
    
    border-top: 8px solid #ffffff;
    border-right: 4px solid #0093d0;
    border-bottom: 2px solid #fee96c;
    border-left: 4px solid #ef4135;
    border-radius: 8px;
    
    background: linear-gradient(150deg, #EF4244 0%, #F37037 20%, #FCF5B1 40%, #62BC53 60%, #1F97D1 80%, #672F85 100%);
  }
  
  .Rainbow_Main_Text img {
    border: 2px solid white;
    box-shadow: 2px 2px 0px black;
  }
   