body{
	background-color:black;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.searchbar{
	padding:0% 2%;
	width:75%;
}

.search{
	width:600px;
	background-color:grey;
	color:black;
	font-size:24px;
	border-radius:20px;
	color:white;
	padding:5px;
}

.mic{
	border-radius:50%;
	background-color:grey;
	font-size:25px;
	padding:1%;
	color:white;
	margin-left:1%;
}

.settings{
	background-color:black;
	border-radius:50%;
	padding:8px;
}

.notification{
	border-radius:50%;
	background-color:black;
	margin:1% 3%;
	padding:5px;
	color:white;
	font-size:25px;
}

.create{
	padding:8px 10px 8px 10px;
	background-color:grey;
	color:white;
	border-radius:20px;
}

.gen{
	margin:0% 4% 5% 5%;
}

.nav{
	width:15%;
	margin-top:1%;
}

.navigation{
	color:white;
	width:150px;
	height:50px;
}

.genre{
	background-color:grey;
	color:white;
	font-weight:bold;
	padding:1%;
	margin:1%;
	border-radius:8px;
}

.option{
	padding:2%;
	margin:2% 2%;
	color:white;
	width:200px;
}

.videos{
	width:100%;
}

.margin{
	margin:5px 50px 2px 8px;
}

.v{
	margin:0% 1%;
}

.videos2{
	margin-top:25%;
}

.vid{
	height:220px;
	width:300px;
	padding:0%;
	margin:0px 15px;
	border-radius:15px;
}

.logo{
	margin-left:8%;
}

.caption{
	height:50px;
	width:300px;
	background-color:black;
	color:white;
	margin:0px 2px 0px 2px;
	padding:10px 3px;
}

.cap{
	margin:0% 4% 0% 18%;
	padding:2% 0%;
}

.shortslogo{
	background-color:black;
	margin:3% 90% 0% 5%;
}

.sh{
	padding-top:28%;
}

.shorts{
	padding:1%;
	height:300px;
	margin-bottom:30px;
	width:180px;
	border-radius:30px;
}

.shortvid{
	margin:0% 0% 5% 5%;
	padding-bottom:10%;
}

.pfp{
	border-radius:50px;
	padding:4px 5px 0px 0px;
}

.homescr{
	margin:0%;
	width:85%;
}

.lg{
	margin:0% 1%;
	padding:0% 1%;
}