body {
  background-color: rgb(0, 0, 0);
  background-image: url("bgrd.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
/*background shit*/
.topnav {
   overflow: hidden;
  background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);
  
}

/*navbar style*/
.topnav a {
  float: left;
  
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
  font-size: 17px;
  font-family: "Comic Sans MS", "Comic Sans", cursive;;
   background: linear-gradient(to left, #ff3333, #ff6633 , #ff9933, #ffcc33, #ffff33,#ccff33,#99ff33,#66ff33,#33ff33,#33ff66,#33ff99,#33ffcc,	#33ffff,#33ccff,#3399ff,#3366ff,#3333ff,#6633ff,#9933ff,#cc33ff,#ff33ff,#ff33cc,#ff3399,#ff3366,	#ff3333);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 8s linear infinite;
    background-size: 400% 100%;
}

/* link colors*/
.topnav a:hover {
  background-color: rgb(20,20,20);
  
}


#shadowBox {
  /*don't fuck with these it makes the rainbow work retard*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.2);
    border: 3px solid;
}
/*rainbow text css totally didn't "borrow" code*/
.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 16px;
    font-family: "Comic Sans MS", "Comic Sans", cursive;;
    letter-spacing: 3px;
}
.rainbow_text_animated {
    background: linear-gradient(to right, #ff3333, #ff6633 , #ff9933, #ffcc33, #ffff33,#ccff33,#99ff33,#66ff33,#33ff33,#33ff66,#33ff99,#33ffcc,	#33ffff,#33ccff,#3399ff,#3366ff,#3333ff,#6633ff,#9933ff,#cc33ff,#ff33ff,#ff33cc,#ff3399,#ff3366,	#ff3333);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 8s linear infinite;
    background-size: 400% 100%;
}
/*fuck keyframes this shits retarded and loves tweaking out*/
@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

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