nav{
	padding:10px 0px;
	display:inline-block;
}
.nav{
	padding:8px 10px;
	float:left;
	color:grey;
	font-weight:bold;
}
.navigation{
	width:100%;
}

.searchbar{
	background-color:white;
	width:38%;
	padding:7px;
	float:left;
	border:solid grey 1px;
	font-size:20px;
	margin:0 4% 0 5%;
	border-radius:25px;
}
.hr{
	width:100%;
	height:3px;
	display:block;
}
.Q{
	background-color:white;
	margin:5% 0% 0% 0%;
	float:right;
	border:solid grey 1px;
	border-radius:15px;
	height:400px;
	width:5%;
	padding:5px;
	color:grey
}
.aside{
	width:10%;
	padding:1% 2% 1% 3%;
	font-size:17px;
	float:left;
}
.add{
	margin-top:38px;
	color:blue;
	border:solid blue 1px;
	padding:7px;
	border-radius:15px;
}
.audio{
	display:block;
	width:125px;
	height:20px;
	margin:4px 0;
	padding:0;
}
.section1{
	width:78%;
	float:right;
	margin:1% 7% 0% 0%;
	
}
.section{
	width:78%;
	float:left;
	margin-top:1%;
}

h2{
	margin-top:0;
}
.row{
	width:100%;
	display:inline-block;
}
.song{
	float:left;
}
figure{
	margin:20px 5px;
}
figcaption{
	color:grey;
	margin-top:2%;
}
.artist{
	border-radius:50%;
}
.station{
	float:left;
}
.rstation{
	float:left;
	
}
.radio{
	border-radius:50%;
	padding:1%;
	background-color:green;
	padding:20px;
}
.ruler{
	margin-top:5%;
	width:100%;
	height:5px;
}
.footer{
	font-size:14px;
	height:400px;
	padding:3% 3%;
	color:grey;
	column-count:6;
	column-rule:1 px solid black;
}
.foot{
	color:grey;
	float:left;
	font-size:15px;
	padding:10px;
	margin-bottom:3%;
}
.page{
	width:100%;
	height:550px;
	padding:0;
}
.pic{
	width:50%;
	height:100%;
	float:left;
	background-color:red;
}
.sign_up{
	width:30%;
	height:88%;
	background-color:;
	float:right;
	padding:1% 8% 5% 5%;
}
.continue{
	width:30%;
	color:white;
	font-size:20px;
	font-weight:bold;
	background-color:cyan;
	border-radius:20px;
	padding:3% 30%;
}