html {
/*#3m31TvPKFw0w0*/
	background:rgba(13,34,51,1.0);
	color:white;
	font-style:normal;
	text-rendering:optimizeLegibility;
	min-width:100vw
}
html,body {margin:0;padding:0;min-height:100vh;overflow-y:hidden}
body {width:100vw;background: url(/img/binrain-2560x1440-bg) no-repeat;background-size:cover;font-family:verdana,arial,sans-serif;font-size:100%}
h1, h2, h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
h1 {font-size:190%}
h2 {font-size:150%}
h3 {font-size:120%}

sub {vertical-align:sub}
sup {vertical-align:super}

pre,code,tt,kbd {
	font-family:'DejaVu Sans Mono','Andale Mono','Bitstream Vera Sans Mono',monospace,serif;
	font-size:90%
}
.pre,.code {white-space:prewrap}
/*
a:link {}
a:visited {}
a:hover {}
a:active {} */
h1.title {font-family:times,serif;font-size:3rem;text-indent:2.5rem;color:rgba(13,34,51,1.0);text-shadow:0.1rem 0.1rem 0.17rem #fff}
/* * * * * * * */
.light {
	position:absolute;
	width:0;
	opacity:0.95;
	background-color:#fff;
	box-shadow: #e9f1f1 0px 0px 20px 2px;
	opacity:0;
	top:100vh;
	bottom:0;
	left:0;
	right:0;
	margin:auto
}
.x1{animation:floatDown 4s infinite linear;transform:scale(1.0)}
.x2{animation:floatDown 7s infinite linear;transform:scale(1.6);left: 15%}
.x3{animation:floatDown 2.5s infinite linear;transform:scale(.5);left:-15%}
.x4{animation:floatDown 4.5s infinite linear;transform:scale(1.2);left:-34%}
.x5{animation:floatDown 8s infinite linear;transform:scale(2.2);left:-57%}
.x6{animation:floatDown 3s infinite linear;transform:scale(.8);left:-81%}
.x7{animation:floatDown 5.3s infinite linear;transform:scale(3.2);left:37%}
.x8{animation:floatDown 4.7s infinite linear;transform:scale(1.7);left:62%}
.x9{animation:floatDown 4.1s infinite linear;transform:scale(0.9);left:85%}
@keyframes floatDown{
  100%{top: -100vh; opacity: 0;}
  75%{opacity: 1;}
  50%{top: 0vh; opacity: .8;}
  25%{opacity: 1;}
  0%{top: 100vh; opacity: 0;}
}
@keyframes fadeIn{
  from{opacity: 0;}
  to{opacity: 1;}
}
@keyframes fadeOut{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 0;}
}
@keyframes finalFade{
  0%{opacity: 0;}
  30%{opacity: 1;}
  80%{opacity: .9;}
  100%{opacity: 1;}
}
/* * * * * * * * * */
#current {
	display:block;
	width:98vw;
	position:relative;
	text-align:right;
	color:rgba(255,255,255,1.0)
}
#current b {font-weight:700;animation:blinkingText 2s infinite}
@keyframes blinkingText{0%{color:#fff}49%{color:#a61000}60%{color:transparent}99%{color:transparent}100%{color:#fff}}

#current a,bottom a {text-decoration:none}
#current a,#current a:link {color:rgba(255,196,65,1.0)}
#current a:hover,#current a:active {color:rgba(255,83,65,1.0)}
bottom {
	display:flex;
	flex-direction:row;
	position:absolute;
	background-color:rgba(46,52,54,0.69);
	line-height:1.35rem;
	bottom:0;
	width:100vw;
	font-size:0.9rem;
	text-align:right
}
bottom .left,bottom .right {flex-direction:column;width:50%}
bottom .left {text-align:left;padding-left:1.3rem}
bottom .right {text-align:right;padding-right:1.3rem}
bottom a {text-decoration:none}
bottom a,bottom a:link {color:rgba(63,214,230,1.0)}
bottom a:hover,bottom a:active {color:rgba(1,223,50,1.0)}
a:hover,a:active {text-decoration:underline !important}