#extra_content ul,#extra_content ul li{margin:0;padding:0;list-style:none}#extra_content ul li{width:75px;margin-right:3px;margin-bottom:3px;text-align:right;float:left}#extra_content ul li a{display:block;border:solid 2px #444;border-radius:2px}#extra_content ul li a:hover{border-color:#ad8d52}#map.map_blur{background-image:url(../images/map_blur.webp)!important}#map ul#map_navigation{position:absolute;left:0;bottom:0;margin:0;padding:0;list-style:none;width:835px;height:35px;background:#000;opacity:.7;filter:alpha(opacity=70);border-top:solid 2px #555}#map ul#map_navigation li{float:left;height:35px;margin-right:1px}#map ul#map_navigation li a{display:block;padding:0 10px 0 10px;line-height:2.1em;height:35px;font-size:16px;color:#c7d5c1;background:#222}#map ul#map_navigation li a img{margin:0 5px -1px 0}#map ul#map_navigation li a:hover{background:#333}#map ul#map_navigation li a.active{background:#555}#map #map_c_right{padding:5px;background:#000000;opacity:0.8;filter:alpha(opacity=80);-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius:0 0 0 5px;display:inline-block;position:absolute;right:0;top:0;width:320px;height:55px;border:1px solid #555;font-family:Tahoma !important;}#map #map_contents{padding:5px;background:#000;opacity:.8;filter:alpha(opacity=80);-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius:0 5px 0 0;display:inline-block;position:absolute;left:0;bottom:37px;font-family:Tahoma!important}#map #map_contents p.form_item{margin:2px 0 6px 3px;padding:0}#map #map_contents p.form_item span.title{font-size:12px;color:#666;margin-left:7px}#map #map_contents p.form_item input{padding-left:45px;padding-right:10px;margin-top:5px;border:0;outline:0;font-size:12px;color:#595959;width:259px;height:29px;background:url(../images/login_input_user.png) center no-repeat}#map #map_contents p.form_item input[type=password]{background:url(../images/login_input_pass.png) center no-repeat}#map #map_contents p.form_item input:active{border:0;outline:0}#map #map_contents p.buttons{float:right}#map #map_contents p.buttons input{border:0;outline:0;width:125px;height:35px;background:url(../images/login_button.png) center no-repeat;color:#7d7d7d;font-size:13px;opacity:.9;filter:alpha(opacity=90);margin-right:10px;margin-top:0;float:right}#map #map_contents p.buttons input:hover{opacity:1;filter:alpha(opacity=100)}#map #map_contents p.buttons input:active{outline:0;border:0}#map #map_contents p.resultMsg{float:left;width:170px}img.ajax_load{margin:5px}.default_menu ul li a{font-family:Tahoma!important;font-size:11px;line-height:2.2em}

/* This is a pure css Rain and Lightning, effect just put a <section></section> in your html file and add this css */

section {
    animation: rain 2.2s linear infinite, flash 20s linear infinite;
    background-image: url(../images/rain.png);
    height: 100vh;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

@keyframes rain {
    0% {
        background-position: 0 0;
        opacity: 0.5;
    }

    100% {
        background-position: 10% 100%;
        opacity: 0.5;
    }
}
    @keyframes flash {

        0%,
        95%,
        98% {
            background-color: transparent
        }

        96%,
        99%,
        100% {
            background-color: #f2f2f2
        }

        mobile-image {
            max-width: 100%;
        }
    }

    .shadow {
  display: grid;
place-items: center;
  color: #fff;
    font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 6rem;
  font-weight: 800;
  position: relative;
  margin: 200px auto 0;
  width: 700px;
  height: 350px;
  background: #15202B;
}

.shadow::before,
.shadow::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  background: linear-gradient(45deg,red,blue,green,yellow,#e11d74,black,#ffff00,#aa0000);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: animate 25s linear infinite;
}

.shadow::after {
  filter: blur(25px);
}

@keyframes animate {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}