/* RAIN.JS - 2013 */
/* rhq.be - haqqazi.com - github @rhq */



/* Global */
html, body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font-family: arial, sans-serif;
	font-size: 7px;
	line-height: 1.6;
	/* background-color: none !important; */
}
.none { display: none !important; }



/* Layout */
#main {
	width: 100%; height: 100%;
	position: fixed;
	top: 0; left: 0;
	background: #808284;
	overflow: hidden;
	z-index: 0;
	-webkit-animation: flash 10s ease-out 10s infinite; /* Storm */
			animation: flash 10s ease-out 10s infinite; /* Storm */
}



/* Rain.js */
canvas {
	position: fixed;
	top: 0; left: -200px;
	z-index: -999;
    user-select: none;
    -webkit-transform: rotate(20deg);
       -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
         -o-transform: rotate(20deg);
            transform: rotate(20deg);
}



/* Animation - Storm */
@-webkit-keyframes flash {
	0% {background: #fff;}
	1% {background: #808284;}
	2% {background: #efefef;}
	3% {background: #808284;}
	19% {background: #808284;}
	20% {background: #efefef;}
	21% {background: #808284;}
	100% {background: #808284;}
}
@keyframes flash {
	0% {background: #fff;}
	1% {background: #808284;}
	2% {background: #efefef;}
	3% {background: #808284;}
	19% {background: #808284;}
	20% {background: #efefef;}
	21% {background: #808284;}
	100% {background: #808284;}
}