/*TABS FOLDER CSS*/

@font-face {
	font-family: Pixellari;
	src: url(Pixellari.ttf);
}

html {
	height:100%; 	
	/*background-repeat: no-repeat;
	background-size: cover;
	background-position: stretch;
	background-image: linear-gradient(to bottom right, #c94b4b, #4b134f);*/}

body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: stretch;
	background-position: center;
	background-image: linear-gradient(to bottom right, #c94b4b, #4b134f);
	text-align: center;
	font-family: Pixellari; /*yeee*/
	color: black;
	margin: 0;
	color: #bdc3c7;
	height: 100%;
} 

h1 {
	font-family: Pixellari; /*yeee*/
}

pre {font-family: Pixellari;}

a {
	text-decoration: none;
	color: #E84A5F;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


a:hover {
	color: #FF847C;
	letter-spacing: 1px;
}

#topbar {
	background-color: #2c3e50;
	padding: 10px;
	padding-bottom: 10px;
	top: 0;
}

#songlist {
	border: gray;
	background-color: white;
	opacity: 0.4;
	margin: 50px;
	margin-right: 290px;
	margin-left: 290px;
	border-radius: 50px 20px;
	padding: 20px;
	color: black;
	font-size: 17px;
	text-align: center;

}

#songlist p {
	padding: 0;
}

#autoscroll {
   border-top: 1px solid #e84a5f;
   background: #e84a5f;
   background: -webkit-gradient(linear, left top, left bottom, from(#e84a5f), to(#e84a5f));
   background: -webkit-linear-gradient(top, #e84a5f, #e84a5f);
   background: -moz-linear-gradient(top, #e84a5f, #e84a5f);
   background: -ms-linear-gradient(top, #e84a5f, #e84a5f);
   background: -o-linear-gradient(top, #e84a5f, #e84a5f);
   padding: 10px 20px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 18px;
   font-family: Pixellari;
   text-decoration: none;
   vertical-align: middle;
   outline: none;
   }
#autoscroll:hover {
   border-top-color: #ed6b62;
   background: #ed6b62;
   color: #ffffff;
   }
#autoscroll:active {
   border-top-color: #ff857c;
   background: #ff857c;
   }