/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */
canvas{
  display:block;
  vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
.a-video {
	height:100%;
	position: absolute;
	top:0; left:0;
	z-index: -3;
}

.movie-mask {
	width:100%;
	height:100%;

	position: absolute;
	top:0; left:0;

	background:linear-gradient(to left,rgba(213,213,213,0.2) 1px, rgba(1,1,1,0) 0.1px);
	background-color:none;
	background-size:2px 100%;
	z-index : -2;
}

.movie-mask2 {
	width:100%;
	height:100%;

	position: absolute;
	top:0; left:0;

	background:linear-gradient(to top,rgba(213,213,213,0.2) 1px, rgba(1,1,1,0) 0.1px);
	background-color:none;
	background-size:100% 2px;
	z-index : -1;

}

@media(max-width:1100px) {
	.a-video {
		min-width:0;
		min-height:0;
		width:100%;
		height: 100%;
		margin-top:20px;
	}
}

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}