/****************************
  April Fools CSS zaniness	
  
  the goal here is fun
  css, not anything that
  makes the site unusable
  or offensive in any way
  
****************************/

/*****************************
	Local Exec Dashboard
*****************************/

/* rotates the dollar sign on the local exec dashboard */

@-webkit-keyframes autoRotate { 
	from { -webkit-transform: rotateY(0deg); }
	to   { -webkit-transform: rotateY(-360deg); }
}

@keyframes autoRotate { 
	from { 
		transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
	}
	to   {
		transform: rotateY(-360deg);
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
	}
}

.dashboard-big-dollar{
	border:2px dashed black; /* poker chip effect */

    -webkit-animation-name: autoRotate;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    
    animation-name: autoRotate;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/*----- Rainbow! -----*/

.rainbow
{
	background: linear-gradient(270deg, #ff0000, #f9ff00, #00ff15, #00f2ff, #001cff, #ff00d4, #ff0000, #f9ff00, #00ff15, #00f2ff, #001cff, #ff00d4, #ff0000, #f9ff00, #00ff15, #00f2ff, #001cff, #ff00d4, #ff0000);
	background-size: 300% 300%;
	-webkit-animation: rainbow 2s linear infinite;
	-moz-animation: rainbow 2s linear infinite;
	-o-animation: rainbow 2s linear infinite;
	animation: rainbow 2s linear infinite;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	display: inline-block;
	pointer-events: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25)
}

.rainbow-bg
{
	background: linear-gradient(270deg, #8F1A1D,  #ffffff, #8F1A1D , #ffffff, #8F1A1D , #ffffff, #8F1A1D );
	background-size: 300% 300%;
	-webkit-animation: rainbow 2s linear infinite;
	-moz-animation: rainbow 2s linear infinite;
	-o-animation: rainbow 2s linear infinite;
	animation: rainbow 2s linear infinite;
	color: transparent;
}

.rainbow-bg.half,
.rainbow.half{
	-webkit-animation: rainbow 3s linear infinite;
	-moz-animation: rainbow 3s linear infinite;
	-o-animation: rainbow 3s linear infinite;
	animation: rainbow 3s linear infinite;
}

.rainbow-bg.stretch,
.rainbow.stretch{
	-webkit-animation: rainbow 1.5s linear infinite;
	-moz-animation: rainbow 1.5s linear infinite;
	-o-animation: rainbow 1.5s linear infinite;
	animation: rainbow 1.5s linear infinite;
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 0% 50%
    }

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

@-moz-keyframes rainbow {
    0% {
        background-position: 0% 50%
    }

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

@-o-keyframes rainbow {
    0% {
        background-position: 0% 50%
    }

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

@keyframes rainbow {
    0% {
        background-position: 0% 50%
    }

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