@charset "UTF-8";

body {
	font-family: source-sans-pro;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
}

.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 1000px;
	background-color: #FFFFFF;
}

header {
	width: 100%;
	height: 5%;
	background-color: #dcdcdc;
	border-bottom: 1px solid #9960ff;
}
.logo {
	float: left;
	margin-top: 7px;
	margin-left: 25px;
}
nav {
	float: right;
	width: 50%;
	text-align: right;
	margin-right: 25px;
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	float: left;
	color: #000000;
	font-size: 14px;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #000000;
	text-decoration: none;
}
ul li:hover a {
	color: #9960FF;
}
.responsive {
  width: 100%;
  height: auto;
}
.mid {
	background-color: #FFFFFF;
	padding-top: auto;
	padding-bottom: auto;
}
.tracklisting {
	text-align: center;
	list-style-type: none;
	font-weight: bold;
}

.hereiam {
	text-align: center;
	list-style-type: none;
	font-weight: bold;
	color: #9960ff;
}