/* general colors */
a {color:blue;}
.fa-2x { color:000;}
body {color:#fff; background:#000;}
button { background:transparent; color:#fff; }

/* background color for box element */
.background_chat, .background_login { background:rgba(0, 0, 0, 0.5); box-shadow:0 0 5px #000;}
.background_box { background:#fff; color:#111; border:none;}
.background_menu_footer { background:rgba(0, 0, 0, 0.5); border-top:1px solid #222;}
.panels { background:rgba(0, 0, 0, 0.5); box-shadow:rgba(0, 0, 0, 0.5); }
#chat_error { background:#111; }
#inner_header, #header_login  { background: url('logo/logo.png'); background-repeat:no-repeat; background-size:auto 100%; background-position:left center; }
#menu_private { background:#000;}

/* chat logs switch colors */
.log1 {	background:none; }
.log2 { background:#f5f5f5; }
.ch_logs { border-bottom:none;}

/* separator colors */
.user_separator { border-bottom:1px solid #333; }
.user_option_separator { border-bottom:1px solid #444; }
.top_separator { border-top:1px solid #323232; }
.right_separator { border-right:1px solid #444; }
.bottom_separator { border-bottom:1px solid #111; }

/* user list drop down colors */
.user_option_list { background:#181818; color:#fff; }

/* button and element colors */
.sub_button { background:#FA0530; color:#fff;}
#submit_button { background:#FA0530; color:#fff;} /* this is main button send */
.sub_element { background:#111; color:#fff;}
.empty_element { background:#FF5B69; color:#fff; }
.selected_element { background:#777; color:#fff; }
.hover_element:hover { background:#333; color:#fff;}

/* ads background */
#show_chat_ads { background:#222 !important;}

/* special colors and sub colors */
.error { color:red;}
.success { color:green;}
.away { color:#6e0101; }
.my_notice { background:#ffff99; padding:3px;}
.sub_color2 { color:#e9c364;}
.sub_color { color:#FFFF00; }
.room_userin { color:#666; }
.hide_private_title { color:#ccc; }
.wrap_command:hover { background:#444 !important; }
.wrap_command { background:#111; }
.tooltip:hover:before, .tooltip2:hover:before, .tooltip3:hover:before { border-color: #444 transparent;}
.tooltip:hover:after, .tooltip2:hover:after, .tooltip3:hover:after { background: none repeat scroll 0 0 #444; color: #fff;}

/* private chat color message */

.target_private {color:#fff; background:#333;}
.hunter_private {color:#fff; background:#03add8;}

/* inside chat color */
.datechat {color:#666;}
.me {color:#003366; background:#E8F2FC;}
.global { color:#5f1d1d; background:#ffecec;}
.private { color:#294229; background:#daf0da;}
.private_reply { background:#8ea68e; color:#fff;}
.seen { color:#3f2d4f; background:#eeeaf2;}
.delete_log, .logs_date {color:#ccc;}

.flavi { 
font-weight: bold; font-size:1.4em; letter-spacing: 1px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.ella {color:#FF1493;
font-weight: bold; font-size:1.4em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.geo {color:#8CC739;
font-weight: bold; font-size:1.2em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.vero {color:#F20075;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.vip {color:#21BEDE;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.bazuka {color:#000033;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}
.v {color:#FA0530;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image:url('/css/themes/Default/images/background.gif');}
.elena {color:#FF00FF;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image:url('/css/themes/Default/images/background.gif');}
.gabi {color:#FFFF00;
font-weight: bold; font-size:1.4em; letter-spacing: 1px;text-shadow:0px 0px 15px #000;!important;background-image: url('/css/themes/Default/images/background.gif');}
.roz {color:#FF0040;
font-weight: bold; font-size:1.4em; letter-spacing: 1px;text-shadow:0px 0px 15px #000;!important;background-image: url('/css/themes/Default/images/background.gif');}
.orange {color:#FFBF00;
font-weight: bold; font-size:1.4em; letter-spacing: 1px;text-shadow:0px 0px 15px #000;!important;background-image: url('/css/themes/Default/images/background.gif');}
.blue {color:#00BFFF;
font-weight: bold; font-size:1.4em; letter-spacing: 1px;text-shadow:0px 0px 10px #000;!important;background-image:url('/css/themes/Default/images/background.gif');}

.cr {color:#8B008B;
font-weight: bold; font-size:1.3em; letter-spacing: 0px;!important;background-image:url('/css/themes/Default/images/background.gif');}
.user {color:#0174DF;
font-weight: bold; font-size:1.2em; letter-spacing: 0px;!important;background-image: url('/css/themes/Default/images/background.gif');}


.sadmin {
font-weight: bold; font-size:1.3em; letter-spacing: 2px;text-shadow:0px 0px 5px #585858;!important;background-image: url('/css/themes/Default/images/background.gif');}
.geo {color:#8CC739;
font-weight: bold; font-size:1.3em; letter-spacing: 1px;text-shadow:0px 0px 1px #32B92D;!important;background-image: url('/css/themes/Default/images/background.gif');}

.modo  {color: #FF69B4; font-weight: bold;font-size:1.2em;!important;background-image:url('/css/themes/Default/images/background.gif');}
.rodo  {color: #FF0040;font-size:1.2em; letter-spacing: 0px;text-shadow:0px 0px 0px #585858; font-weight: bold;font-size: 105% !important;background-image:url('/css/themes/Default/images/background.gif');}
.viiip {color:#00CED1;font-weight: bold;font-size: 105% !;}
.vio {color:yellow;font-size:1.3em;font-weight: bold;font-size: 105% !important;background-image:url('/css/themes/Default/images/background.gif');}
.v1p {color:#330033;font-weight: bold; font-size:1.3em; letter-spacing: 1px;text-shadow:0px 0px 2px #99FF33;!important;background-image: url('/css/themes/Default/images/background.gif');}
.usser {color:#0174DF;font-size: 100% font-weight: bold;font-size: 105%!important;}
.vd { animation: rainbow 6s ease-out infinite alternate;
  font-size: 1.4em;
  font-weight: bold;letter-spacing: 0px;
background-image:url('/css/themes/Default/images/background.gif');
  }
.vs {
  font-weight: bold; font-size:1.5em;
  letter-spacing: 2px;
  animation: move linear 1s infinite;
background-image:url('/css/themes/Default/images/background.gif');}

/* color picker and tools bar */

.bar_options{ border-left:1px solid #222; border-right:1px solid #110000;} /* change the bar element separator */
#picker_box, #list_emoticon { background:#111; box-shadow:0 0 5px #000;} /* change the background color of box */
.sel_item { background:#333;} /* change background of element when selected on bar */
.pick_color, #smile_content, .wrap_picker { border-left:1px solid #111; border-bottom:1px solid #222; border-top:1px solid #111; border-right:1px solid #222; } /* change border of element and subelement */
#smile_content { background:#fff;} /* change background of emoticon content */

/* user list hover name */

.usertarget:hover { color:#fff !important; opacity:1; }
.open_user { background:#111; }

 
@keyframes move {
  0% {
    text-shadow:
      4px -4px 0 hsla(0, 100%, 50%, 1), 
      3px -3px 0 hsla(0, 100%, 50%, 1), 
      2px -2px 0 hsla(0, 100%, 50%, 1), 
      1px -1px 0 hsla(0, 100%, 50%, 1),
      -4px 4px 0 hsla(180, 100%, 50%, 1), 
      -3px 3px 0 hsla(180, 100%, 50%, 1), 
      -2px 2px 0 hsla(180, 100%, 50%, 1), 
      -1px 1px 0 hsla(180, 100%, 50%, 1)
    ;
  }
  25% {    
    text-shadow:      
      -4px -4px 0 hsla(180, 100%, 50%, 1), 
      -3px -3px 0 hsla(180, 100%, 50%, 1), 
      -2px -2px 0 hsla(180, 100%, 50%, 1), 
      -1px -1px 0 hsla(180, 100%, 50%, 1),
      4px 4px 0 hsla(0, 100%, 50%, 1), 
      3px 3px 0 hsla(0, 100%, 50%, 1), 
      2px 2px 0 hsla(0, 100%, 50%, 1), 
      1px 1px 0 hsla(0, 100%, 50%, 1)      
    ;
  }
  50% {
    text-shadow:
      -4px 4px 0 hsla(0, 100%, 50%, 1), 
      -3px 3px 0 hsla(0, 100%, 50%, 1), 
      -2px 2px 0 hsla(0, 100%, 50%, 1), 
      -1px 1px 0 hsla(0, 100%, 50%, 1),
      4px -4px 0 hsla(180, 100%, 50%, 1), 
      3px -3px 0 hsla(180, 100%, 50%, 1), 
      2px -2px 0 hsla(180, 100%, 50%, 1), 
      1px -1px 0 hsla(180, 100%, 50%, 1)
    ;
  }
  75% {
    text-shadow:
      4px 4px 0 hsla(180, 100%, 50%, 1), 
      3px 3px 0 hsla(180, 100%, 50%, 1), 
      2px 2px 0 hsla(180, 100%, 50%, 1), 
      1px 1px 0 hsla(180, 100%, 50%, 1),
      -4px -4px 0 hsla(0, 100%, 50%, 1), 
      -3px -3px 0 hsla(0, 100%, 50%, 1), 
      -2px -2px 0 hsla(0, 100%, 50%, 1), 
      -1px -1px 0 hsla(0, 100%, 50%, 1)      
    ;
  }
  100% {
    text-shadow:
      4px -4px 0 hsla(0, 100%, 50%, 1), 
      3px -3px 0 hsla(0, 100%, 50%, 1), 
      2px -2px 0 hsla(0, 100%, 50%, 1), 
      1px -1px 0 hsla(0, 100%, 50%, 1),
      -4px 4px 0 hsla(180, 100%, 50%, 1), 
      -3px 3px 0 hsla(180, 100%, 50%, 1), 
      -2px 2px 0 hsla(180, 100%, 50%, 1), 
      -1px 1px 0 hsla(180, 100%, 50%, 1)
    ;
  }  
}
    /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */

@keyframes rainbow {
  0% {
    color: red;
    text-shadow: 0px 0px 0 #b80000, 0.5px -0.25px 0 #9c0000, 1px -0.5px 0 #950000, 1.5px -1px 0 #8e0000, 0 0 52px rgba(255, 71, 71, 0.5);
  }
  10% {
    color: #ff9900;
    text-shadow: 0px 0px 0 #b86e00, 0.5px -0.25px 0 #9c5d00, 1px -0.5px 0 #955900, 1.5px -1px 0 #8e5500, 0 0 52px rgba(255, 182, 71, 0.5);
  }
  20% {
    color: #ccff00;
    text-shadow: 0px 0px 0 #93b800, 0.5px -0.25px 0 #7c9c00, 1px -0.5px 0 #779500, 1.5px -1px 0 #728e00,  0 0 52px rgba(218, 255, 71, 0.5);
  }
  30% {
    color: #33ff00;
    text-shadow: 0px 0px 0 #25b800, 0.5px -0.25px 0 #1f9c00, 1px -0.5px 0 #1e9500, 1.5px -1px 0 #1c8e00,  0 0 52px rgba(108, 255, 71, 0.5);
  }
  40% {
    color: #00ff66;
    text-shadow: 0px 0px 0 #00b849, 0.5px -0.25px 0 #009c3e, 1px -0.5px 0 #00953c, 1.5px -1px 0 #008e39, 2px -1px 0 #008836;
  }
  50% {
    color: cyan;
    text-shadow: 0px 0px 0 #00b8b8, 0.5px -0.25px 0 #009c9c, 1px -0.5px 0 #009595, 1.5px -1px 0 #008e8e, 2px -1px 0 #008888;
  }
  60% {
    color: #0066ff;
    text-shadow: 0px 0px 0 #0049b8, 0.5px -0.25px 0 #003e9c, 1px -0.5px 0 #003c95, 1.5px -1px 0 #00398e, 2px -1px 0 #003688;
  }
  70% {
    color: #3300ff;
    text-shadow: 0px 0px 0 #2500b8, 0.5px -0.25px 0 #1f009c, 1px -0.5px 0 #1e0095, 1.5px -1px 0 #1c008e, 2px -1px 0 #1b0088;
  }
  80% {
    color: #cc00ff;
    text-shadow: 0px 0px 0 #9300b8, 0.5px -0.25px 0 #7c009c, 1px -0.5px 0 #770095, 1.5px -1px 0 #72008e, 2px -1px 0 #6d0088; 
  }
  90% {
    color: #ff0099;
    text-shadow: 0px 0px 0 #b8006e, 0.5px -0.25px 0 #9c005d, 1px -0.5px 0 #950059, 1.5px -1px 0 #8e0055, 2px -1px 0 #880051;
  }
  100% {
    color: red;
    text-shadow: 0px 0px 0 #b80000, 0.5px -0.25px 0 #9c0000, 1px -0.5px 0 #950000, 1.5px -1px 0 #8e0000, 2px -1px 0 #880000;
  }
}

    /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */


.ss{
 -webkit-animation: glitch 6s steps(100) infinite;
          animation: glitch 6s steps(100) infinite;
  font-size: 1.5em;
  font-weight: bold;letter-spacing: 2px;
  background-image:url('/css/themes/Default/images/background.gif');

}
@media (min-width: 480px) {
  .ss {
    font-size: 1.4em;
  }
}

@-webkit-keyframes glitch { 
  0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  62% { text-shadow: 0 0 0 red, 0 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);} }

@keyframes glitch { 
  0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  62% { text-shadow: 0 0 0 red, 0 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0.5px); filter: blur(0.5px);}
  88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; -webkit-filter: blur(0); filter: blur(0);}
  92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);}
  100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; -webkit-filter: blur(0); filter: blur(0);} }

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background:#fff;
}