@charset "UTF-8";

/* STRUCTURE */
	
	html {
		background: url(../img/background.jpg) no-repeat center center fixed; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    overflow-x: hidden;
	    height:100%;
	    margin: 0;
  		padding: 0;
	    }
	
	body {
		width:100%;
		height: 100%;
    	margin: 0;
  		padding: 0;
		font-family: sans-serif;
		-moz-family: sans-serif;
		-webkit-family: sans-serif;
		overflow-x: hidden;
		}	
		
	.center {
		background-color: #000000;
		padding: 10px 30px 15px 30px;
  		position: fixed;
  		top: 50%;
  		left: 50%;
  		transform: translate(-50%, -50%);
		}
		
	.listenlive {
  		position: fixed;
  		top: 70%;
  		left: 50%;
  		transform: translate(-50%, -50%);
		}
		
/* TEXT */

	h1 {
	color: #ffffff;
	}

	p {
	color: #ffffff;
	}
	
	.shadow {
	color: #040404;
	}
		
/* IMAGE STYLE */

	.responsive {
  		max-width: 100%;
  		height: auto;
		}
		
/* MY BUTTON */

	.myButton {
		box-shadow: inset 0px 0px 0px 0px #6f0a09;
		background: linear-gradient(to bottom, #873231 5%, #6f0a09 100%);
		background-color: #6f0a09;
		border-radius: 11px;
		border: 2px solid #6f0a09;
		display: inline-block;
		cursor: pointer;
		color:#f1f1f1;
		font-family: Arial;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 34px;
		text-decoration: none;
		text-shadow: 0px 1px 0px #000000;
		}
		
	.myButton:hover {
		background: linear-gradient(to bottom, #6f0a09 5%, #873231 100%);
		background-color: #f1f1f1;
		}

	.myButton:active {
		position: relative;
		top: 1px;
		}


/* LINK */

	a:link, a:visited {
		color: #ffffff;
		cursor: pointer;
		}

	a:hover {
		color: #fdcac9;
		}
		
	    
/*

RING
	RING
		RING
			RING
				RING
  	
  	/*
  	
  	HELLO?
  	
  	Johnny?
	
	*/