﻿/*!
 * @title:          Vidage
 * @description:    Your solution to full-screen background video & image combined.
 * @version:        0.1.0
 * @author:         dvL-den
 * @url:            http://dvL-den.net
 * @license:        MIT License
 */ .Vidage__backdrop, .Vidage__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.Vidage--allow .Vidage__video {
  display: block
}
.Vidage--allow .Vidage__image {
  display: none
}
html { overflow-x:hidden; }
.Vidage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1
}
.Vidage, .Vidage__video {
  min-width: 100%;
  min-height: 100%;
}
.Vidage__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: none
}
.{font-size: 32px;font-family: "微软雅黑";}
.Vidage__image {
  background-image: url(../images/pattern.svg);
  opacity: .1
}