body,html {
	height:100%
}
a,a:active,a:focus,a:hover,body {
  color:#BDBDBD
  text-decoration: none;
}
html {
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
/* Volume Slider */
input[type=range] {
  height: 5px;
  -webkit-appearance: none;
  margin: 0.5% 0;
  width: 10%;
  background: none;
  border: none;
  position: fixed;
  left: 45%;
  }
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 25px #2a0d45;
  background: #663399;
  border-radius: 14px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 10px #FFFFFF;
  border: 0px solid #000000;
  height: 7px;
  width: 15px;
  border-radius: 14px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #663399;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 25px #2a0d45;
  background: #663399;
  border-radius: 14px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 10px #FFFFFF;
  border: 0px solid #000000;
  height: 7px;
  width: 15px;
  border-radius: 14px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #663399;
  border: 0px solid #000000;
  border-radius: 28px;
  box-shadow: 0px 0px 10px #2a0d45;
}
input[type=range]::-ms-fill-upper {
  background: #663399;
  border: 0px solid #000000;
  border-radius: 28px;
  box-shadow: 0px 0px 10px #2a0d45;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 10px #FFFFFF;
  border: 0px solid #000000;
  height: 7px;
  width: 15px;
  border-radius: 14px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #663399;
}
input[type=range]:focus::-ms-fill-upper {
  background: #663399;
}
div.logo {
	width:320px;
	margin:0 auto;
	border-radius:50%;
	border:10px solid #fff;
	padding:10px
}
main {
	font-family:'Comfortaa';
	text-align:center
}
main h1 {
	padding-top:20px;
	font-weight:600;
	font-size:34px
}
main h2 {
	padding-top:5px;
	letter-spacing:3.25px;
	font-weight:100;
	font-size:16px;
	color:#EAEAEA
}
ul.social {
	margin-top:15px
}
ul.social a {
	font-size:26px;
	opacity:1
}
ul.social a:active,ul.social a:hover {
	opacity:.8
}
ul.social li:not(:last-child) {
	margin-right:20px
}
footer {
	color:#ffffff;
	opacity:.9;
	font-size:16px;
	letter-spacing:.75px;
	text-shadow:0px 0px 2px white,0px 0px 2px white,0px 0px 2px white,0px 0px 4px #553300,0px 0px 4px #553300;
}
footer a,footer a:active,footer a:focus,footer a:hover {
}
video {

        position: fixed;

        top: 50%;

        left: 50%;

        min-width: 100%;

        min-height: 100%;

        width: auto;

        height: auto;

        z-index: -100;

        transform: translateX(-50%) translateY(-50%);

        background-size: cover;

        transition: 1s opacity;

    }