body {background-color:black;background-image:url(http://austcool.veltron.net/assets/images/bg.gif);color:white!important;font-family:'Arial', 'Courier New', 'Sans-serif';word-wrap:break-word!important}

div.content {max-width:99%;width:500px;margin:0px;float:right;}
div.head {background:#000;padding:4px;max-width:99%;width:500px;font-size:21px;text-align:center;margin-bottom:4px;}
div.nav {background:#333;color:white!important;text-align:center;padding:5px 0px;}
div.text {background:rgba(0,0,0,.5);text-align:center;font-size:0.85em}
div.footer {background:black;font-size:10px}

/* BROKEN CSS:
div.text h2:before{content:'';height:100%;width:.5rem;left:-1.5rem;background:#EE4B2B;position:absolute;} */

a {color:red;}
a:hover {background:red;color:white;}
h2 {font-weight:bold}
div.nav a:hover {background-color:white!important;color:black!important}

IMG {max-width:99%;height:auto;}

    .scrolling-wrapper {
      display: flex;
      width: 100%;
      overflow: hidden; /* Ensures the text scrolls inside the container */
    }

    .rainbow-text {
      font-size: 50px;
      font-weight: bold;
      text-transform: uppercase;
      white-space: nowrap;
      animation: scroll-text 10s linear infinite;
      background-image: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
      background-size: 300% 100%;
      background-position: 0 0;
      -webkit-background-clip: text;
      color: transparent;
    }

    @keyframes scroll-text {
      0% {
        transform: translateX(100%);
      }
      100% {
        transform: translateX(-100%);
      }
    }