@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900');

/*@import url('https://fonts.googleapis.com/css?family=Great+Vibes');*/

@import url('https://fonts.googleapis.com/css?family=Rock+Salt');

body {
	font-family: 'Rock Salt', sans-serif;
	background: white;
	margin: 0;
}

a {
	text-decoration: none;
	color: white;	
}

@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

/* LOGO PANEL */

#hero {
	width: 100%;
	height: 900px;
	background: white;
}

#logo {
	position: absolute;
	top: 450px;
	left: 50%;
	width: 550px;
	height: 550px;
	margin-top: -275px;
	margin-left: -275px;
}

/* ALBUM PANEL */

#album {
	width: 100%;
	height: 1000px;
	background: #006342;
}

#album-title {
	font-size: 4em;
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
}

#album-title:hover, #album-title:focus, #album-title:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#album-art {
	position: absolute;
	top: 1350px;
	left: 50%;
	width: 550px;
	height: 550px;
	margin-top: -275px;
	margin-left: -275px;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
}

#album-release {
	position: absolute;
	top: 1920px;
	left: 50%;
	width: 700px;
	height: 100px;
	margin-top: -275px;
	margin-left: -350px;
	font-size: 3em;
	text-align: center;
	color: white;
}

#album-release:hover, #album-release:focus, #album-release:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* SPOTIFY PANEL */

#spotify {
	width: 100%;
	height: 900px;
	background: white;
}

#spotify-player {
	position: absolute;
	top: 2225px;
	left: 50%;
	width: 896px;
	height: 654px;
	margin-top: -252px;
	margin-left: -448px;	
}

/* TONGUE VIDEO PANEL */

#video {
	width: 100%;
	height: 1000px;
	background: rgba(0,0,0,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(138,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(138,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(138,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(138,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(138,0,0,1) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(138,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a0000', GradientType=1 );

}

#video-bg {
	position: absolute;
	top: 1200px;
	left: 50%;
	width: 1000px;
	/*height: 550px;*/
	margin-top: -275px;
	margin-left: -500px;
	/*z-index: -1;*/
}

#youtube{
	position: absolute;
	top: 3150px;
	left: 50%;
	width: 896px;
	height: 504px;
	margin-top: -252px;
	margin-left: -448px;
}

#videotext {
	position: absolute;
	top: 3700px;
	left: 50%;
	width: 960px;
	height: 320px;
	margin-top: -256px;
	margin-left: -480px;
	color:white;
	font-family: 'Rock Salt', sans-serif;
	/*font-family: 'Times New Roman', serif;*/
	font-size: 16pt;
	border: 0px;
	background: rgba(0,0,0,0);
	resize:none;
}

/* LEMSIP VIDEO PANEL */

#lemsip {
	width: 100%;
	height: 900px;
	/*background: red;*/
	background: url('../img/lemsip.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#lemsip-video {
	position: absolute;
	top: 4250px;
	left: 50%;
	width: 896px;
	height: 504px;
	margin-top: -252px;
	margin-left: -448px;
}

/* SINGLE PANEL RIP */

/*

#single {
	width: 100%;
	height: 1000px;
	background: #006342;
}

#single-title {
	text-align:center;
	font-size: 4em;
	margin: 0;
	color: white;
}

#single-title:hover, #single-title:focus, #single-title:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#single-art {
	position: absolute;
	top: 2350px;
	left: 50%;
	width: 550px;
	height: 550px;
	margin-top: -275px;
	margin-left: -275px;
	-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.75);
}

#single-release {
	position: absolute;
	top: 2925px;
	left: 50%;
	width: 550px;
	height: 100px;
	margin-top: -275px;
	margin-left: -275px;
	font-size: 3em;
	text-align: center;
	color: white;
}

#single-release:hover, #single-release:focus, #single-release:active {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

*/

#links {
	width: 100%;
	height: 150px;
	background-color: #006342;
	font-size: 3em;
	text-align: center;
	color: white;
	padding-top: 50px;
}

#link-zine:hover, #link-zine:focus, #link-zine:active {
	text-decoration: underline wavy white;
/*
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
*/
}

#link-live:hover, #link-live:focus, #link-live:active {
	text-decoration: underline wavy white;
/*	
    -webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
*/
}