*{
	font-family: "Stack Sans Text", sans-serif;
	font-weight: <weight>;
	font-style: normal;
	margin:0px ;
	padding:0p ;
}
.nav{
	background-color:black;
	height:60px;
	width:100%;
	position:fixed;
}
.logo{
	background-color:;
	float:left;
	align-content:center;
	padding:10px 5px 5px 5px ;
	margin:2px 0px 0px 1% ;
}
.img{
	height:35px;
	width:35px;
} 
.home{
	background-color:#1C1917;
	float:left;
	font-size:33px;
	align-content:center;
	padding:1px 8px 5px 8px ;
	margin:5px 0px 0px 1% ;
	color:white;
	border-radius:50px;
}
.home:hover{
	background-color:#292524;
}
.search{
	background-color:#1C1917;
	float:left;
	width:38%;
	margin:0.5% 0px 0px 15px ;
	color:grey;
	padding:5px;
	border-radius:25px;
}
.search:hover{
	border:1px solid grey;
}
.input{
	padding:5px;
	width:80%;
	background-color:transparent;
	border:none;
	font-size:17px;
	border-right:1px solid grey;
}
.icon{
	font-size:25px;
	margin:0px 0px 0px 6px;
}
.pre{
	background-color:white;
	width:9%;
	float:left;
	padding:3px 0px 5px 10px ;
	margin:15px 10px 10px 19% ;
	border-radius:25px;
}
.install{
	color:grey;
	background-color:;
	width:9%;
	float:left;
	padding:0px 0px 5px 10px ;
	margin:15px 10px 10px 0px ;
	border-radius:25px;
}
.install:hover{
	color:white ;
}
.icon2{
	font-size:20px;
	padding-right:4px;
}
.bell{
	color:grey;
	background-color:;
	width:5%;
	float:left;
	margin:1.2% 10px 10px 0px;
	font-size:20px ;
}
.icon3{
	margin-left:10px;
}

.icon3:hover{
	color:white ;
}
.account{
	background-color:#1C1917;
	float:left;
	margin:5px 0px 0px 10px ;
	padding:5px ;
	border-radius:50px;
}
.D{
	background-color:#2AA63E;
	float:left;
	padding:6px 12px 6px 12px ;
	font-size:20px;
	border-radius:50px;
}
.one{
	background-color:black;
	height:700px;
	width:100%;
	margin-top:4.4%;
	float:left;
	position:fixed;
}
.library{
	background-color:#1C1917;
	width:22%;
	height:485px;
	margin:1% 0px 0px 7px ;
	float:left;
	overflow:auto;
	position:fixed ;
	scrollbar-width:none;
	border-radius:10px;
}
.head{
	background-color:#1C1917;
	height:100px;
	position:fixed ;
	width:22% ;
	float:left;
	border-radius:10px;
}
.book{
	color:white;
	background-color:;
	font-size:23px;
	margin:13px 0px 0px 7px ;
	float:left;
}
.add{
	color:grey;
	background-color:#57534D;
	font-size:24px;
	float:left;
	margin:12px 0px 0px 12% ;
	border-radius:50px;
	padding:2px 5px 2px 5px ;
}
.expand{
	color:grey;
	background-color:;
	font-size:24px;
	float:left;
	margin:12px 0px 0px 10px ;
	border-radius:50px;
	padding:2px 5px 2px 5px ;
}
.expand:hover{
	background-color:#57534D;
}
.option{
	color:white;
	margin-top:3%; 
	float:left;
	background-color:;
	padding:10px;
	width:90%;
}
.play{
	background-color:#44403B;
	padding:5px 10px 5px 10px ;
	border-radius:20px;
	margin-left:3%;
}
.play:hover{
	background-color:#57534D;
}
.playlist{
	background-color:;
	float:left;
	margin-top:34%;
	width:100%;
	color:grey;
}
.two{
	background-color:;
	padding:5px ;
}
.glass{
	font-size:17px ;
	margin:0px 0px 0px 0% ;
	padding:4px 3px 4px 5px ;
	border-radius:50px ;
}
.glass:hover{
	background-color:#44403B;
}
.recent{
	background-color:;
	font-size:15px ;
	margin:0px 0px 0px 55% ;
}
.recent:hover{
	color:white;
}
.play1{
	width:96.6%;
	margin:3% 0px 0px 0px ;
	float:left;
	padding:5px ;
	border-radius:10px;
	margin:0px 0px 0px 0px ;
}
.play1:hover{
	background-color:#44403B;
}
.img1{
	height:50px;
	width:50px;
	border-radius:6px;
	padding:2px;
	float:left;
}
.img2{
	height:50px;
	width:50px;
	border-radius:6px;
	padding:2px;
	float:left;
	border-radius:50px;
}
.text1{
	background-color:;
	width:78%;
	float:left;
	margin:7px 0px 0px 8px ;
}
.text1 b{
	color:white;
}
.text{
	font-size:13px;
}
.songs{
	background: #1C1917;
	background: linear-gradient(0deg, rgba(28, 25, 23, 1) 70%, rgba(99, 3, 3, 1) 100%);
	width:55%;
	height:485px;
	margin:1% 0px 0px 23% ;
	float:left;
	position:fixed ;
	overflow:auto;
	scrollbar-width:none;
	border-radius:10px;
}
.play2{
	width:100%;
	padding:0px ;
	margin:0px 0px 0px 0px ;
	border-radius:10px;
	float:left;
	background-color:;
}
.select{
	width:100%;
	height:70px ;
	padding:10px ;
	float:left;
	border-radius:10px;
	background-color:transparent;
	position:fixed;
}
.three{
	background-color:white;
	border-radius:15px;
	padding:3px 6px 3px 6px ;
	margin:10px 0px 0px 20px ;
	float:left;
}
.three:hover{
	background-color:#44403B;
}
.four{
	background-color:#292524;
	border-radius:15px;
	padding:3px 6px 3px 6px ;
	margin:10px 0px 0px 20px ;
	float:left;
	color:white;
}
.four:hover{
	background-color:#44403B;
}
.five{
	background-color:#292524;
	border-radius:15px;
	padding:3px 6px 3px 6px ;
	margin:10px 0px 0px 20px ;
	float:left;
	color:white;
}
.five:hover{
	background-color:#44403B;
}
.name{
	background-color:;
	width:48%;
	float:left;
	margin:50px 0px 0px 0px ;
	padding:5px ;
}
.name2{
	background-color:;
	width:48%;
	float:left;
	margin:50px 0px 0px 0px ;
	padding:5px ;
}
.box{
	background:#292524;
	height:30px ;
	margin:10px ;
	padding:10px ;
	border-radius:5px ;
	color:white;
}
.box:hover{
	background-color:#44403B;
	display:block;
}
.box2{
	background-color:#292524 ;
	height:30px ;
	margin:10px ;
	padding:10px ;
	border-radius:5px ;
	color:white;
}
.box2:hover{
	background-color:#44403B;
}
.emoji{
	font-size:12px ;
	margin-left:30px ;
}
.start{
	color:black;
	font-size:20px;
	background-color:#2AA63E;
	float:right ;
	border-radius:50px ;
	padding:5px 8px 5px 8px ;
	margin-top:-2%;
	display:none;
}
.box:hover .start{
	display:block;
}
.box2:hover .start{
	display:block;
}
.ad{
	background-color:;
	float:left;
	width:98%;
	padding:5px;
}
.get{
	background-color:;
	width:100%;
	font-size:30px;
	color:white;
	float:left;
	padding:0px 0px 0px 10px ;
}
.get b{
	font-family: "Red Rose", serif;
	font-weight: <weight>;
	font-style: normal;
}
.get span{
	margin:0px 0px 0px 185px;
	font-size:37px ;
	color:grey;
}
.poster{
	background: #302c2c;
	background: linear-gradient(0deg, rgba(48, 44, 44, 1) 0%, rgba(173, 142, 0, 1) 100%);
	width:60%;
	height:200px;
	float:left;
	margin:10px 0px 0px 10px ;
	padding:04px;
	border-radius:10px ;
}
.six{
	font-size:29px ;
	color:white;
	background-color:;
	font-family: "Fjalla One", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-top:3%;
}
.but1{
	margin:30% 0px 0px 10px ;
	float:left;
	background-color:#2AA63E ;
	font-size:14px ;
	padding:6px 10px 6px 10px ;
	border-radius:20px ;
}
.but2{
	margin:30% 0px 0px 15px ;
	float:left;
	font-size:14px ;
	color:#EBCB55 ;
	background-color:;
	padding:5px ;
}
.but2:hover{
	font-size:15px ;
}
.seven{
	color:#EBCB55 ;
	margin:3% 0px 0px 5px ;
}
.eight{
	color:#EBCB55 ;
	margin:0px 0px 0px 5px ;
}
.img3{
	float:left;
}
.photo{
	height:207px; 
	width:180px ;
	margin:-1.8% 0px 0px 22px ;
	background-color: ;
}
.song2{
	background-color:;
	width:98.5%;
	height:320px;
	float:left;
	padding:5px;
	margin-top:20px ;
	
}
.head2{
	background-color:;
	padding:0px 10px 10px 10px ;
}
.box3{
	font-size:20px ;
	color:white;
	background-color:;
}
.box4{
	color:grey;
	margin-left:64%;
	font-size:13px;
	background-color:;
}
.head2 span:hover{
	text-decoration: underline white 1px;
}
.song3{
	background-color:;
	height:280px;
	width:100% ;
	overflow-x:auto;
	display:flex;
	overflow-y:hidden;
	scrollbar-width:none;
	gap:1%;
}
.gana{
	height:260px ;
	width:150px ;
	padding:8px 8px 8px 8px ;
	border-radius:10px ;
}
.gana2{
	height:240px ;
	width:150px ;
	padding:8px 8px 8px 8px ;
	border-radius:10px ;
}
.gana:hover{
	background-color:#44403B;
}
.gana2:hover{
	background-color:#44403B;
}
.img4{
	height:150px ;
	width:150px ;
	border-radius:10px ;
}
.text2{
	margin:3% 0px 0px 0px ;
	width:100%;
}
.class1{
	color:white;
	font-size:14px;
}
.class2{
	margin-bottom:5px;
	color:white;
}
.class3{
	font-size:12px;
	color:grey;
	background-color:;
	width:79.9%;
}
.start2{
	color:black;
	font-size:20px;
	background-color:#2AA63E;
	float:right ;
	border-radius:50px ;
	padding:5px 8px 5px 8px ;
	position:relative;
	top:-35%;
	right:10px ;
	display:none;
}
.button{
	width:96%;
	height:35px ;
	margin:6px 0px 0px 0px ;
}
.gana:hover .start2{
	display:block;
}
.gana2:hover .start2{
	display:block;
}
.img5{
	height:150px ;
	width:150px ;
	border-radius:80px ;
}
.video{
	background-color:;
	width:97.4%;
	display:flex;
	padding:10px ;
}
.back{
	background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0uiqSSmBbJhswkY8-Qo1pUoMPuqK8UYKc2v1IQqtgeA&s=10");
	background-repeat:no-repeat;
	background-size:cover;
	height:500px;
	width:350px;
	margin:0px 0px 0px 23%;
	padding:3px 5px 5px 5px ;
	border-radius:5px;
	float:left;
}
.back2{
	background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWRxDFVoKxN277o7usX10IonWlpeoLHIX633Uxrilefy_yaBt8Z3nvM_Mx&s=10");
	background-repeat:no-repeat;
	background-size:cover;
	height:500px;
	width:350px;
	margin:0px 0px 0px 23%;
	padding:3px 5px 5px 5px ;
	border-radius:5px;
	float:left;
}
.back3{
	background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQdNK7NG5Lclsy7sqxd4RjJLtMVtCS4F9gQxVzk2qup5w&s=10");
	background-repeat:no-repeat;
	background-size:cover;
	height:500px;
	width:350px;
	margin:0px 0px 0px 23%;
	padding:3px 5px 5px 5px ;
	border-radius:5px;
	float:left;
}
.logo2{
	height:110px;
	width:110px;
	border-radius:10px;
	float:left;
	margin:10px;
}
.title{
	background-color:;
	float:left;
	margin:10% 0px 0px 10px ;
	color:white;
}
.title p:hover{
	text-decoration: underline white 3px;
}
.title b{
	font-size:30px ;
	margin-bottom:13px;
}
.option2{
	background-color:;
	padding:5px 5px 12px 5px ;
	display:none;
	margin-top:105%;
}
.back:hover .option2{
	display:block;
}
.back2:hover .option2{
	display:block;
}
.back3:hover .option2{
	display:block;
}
.preview{
	background-color:white;
	border-radius:20px;
	padding:5px 8px 5px 8px ;
	margin-right:37%;
}
.start3{
	color:black;
	font-size:20px;
	background-color:white;
	border-radius:50px ;
	padding:4px 6px 4px 8px ;
}
.start4{
	color:white;
	font-size:27px;
	margin:5px;
}
.footer{
	background-color:;
	float:left;
	width:97%;
	border-top:1px solid grey;
	margin:5px;
	padding:5px;
}
.links{
	background-color:;
	height:230px;
	width:140px;
	float:left;
	padding-left:3px;
	border-bottom:1px solid grey;
	margin:5% 0px 0px 0px ;
}
.links b{
	font-size:15px;
	color:white;
}
.links p{
	color:grey;
	margin-top:5px;
}
.links p:hover{
	color:white;
}
.play3{
	background-color:#44403B;
	padding:5px 7px 5px 7px ;
	border-radius:20px;
	margin:10px 0px 0px 10%;
	float:left;
}
.play3:hover{
	background-color:#57534D;
}
.activity{
	background-color:;
	height:30px;
	width:96%;
	float:left;
	padding:17px 10px 15px 10px ;
}
.activity span{
	margin-right:10px;
	font-size:12px;
	color:grey;
}
.activity b :hover{
	color:green;
}
.poster2{
	background-color:#1C1917;
	width:21%;
	height:485px;
	margin:1% 0px 0px 78.5% ;
	float:left;
	overflow:auto;
	position:fixed ;
	scrollbar-width:none;
	border-radius:10px;
}
.zaalima{
	background-image: url("https://i.pinimg.com/236x/05/f6/a0/05f6a076ba4079eabbf0f42053cfb709.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom right;
	height:300px;
}
.option3{
	float:left;
	padding:10px ;
	width:13%;
}
.zaalima b{
	font-size:20px;
	color:white;
	width:30%;
	background-color:;
}
.option4{
	float:left;
	margin-left:47% ;
	font-size:20px;
	padding:10px ;
}
.option4 span{
	margin-left:10px;
}
.option5{
	background-color:;
	float:left;
	width:100%;
	margin-top:70%;
}
.nine{
	background-color:;
	float:left;
	font-size:20px;
	color:grey;
	padding:0px 0px 0px 10px ;
}
.nine p:hover{
	text-decoration: underline white 2px;
}
.nine span{
	color:white;
}
.video1{
	background-color:;
}
.head3{
	background-color:;
	margin:15px 10px 0px 10px ;
	color:white;
}
.song4{
	background-color:;
	width:100% ;
	overflow-x:auto;
	display:flex;
	overflow-y:hidden;
	scrollbar-width:none;
	gap:1%;
}
.v1{
	padding:7px;
	margin-left:5px;
	border-radius:10px;
	margin-top:10px;
}
.v1:hover{
	background-color:#292524;
}
.v1 video{
	border-radius:10px;
}
.v1 b{
	font-size:13px;
	color:white;
	float:left;
}
.v1 small{
	color:grey;
	float:left;
}
.about{
	background-color:#292524;
	margin:10px;
	border-radius:10px;
	padding:10px;
	float:left;
	width:87%;
}
.artist{
	background-color:;
}
.img6{
	height:100px;
	width:100px;
	margin:10px 0px 15px 10px;
	border-radius:50px;
}
.artist b{
	color:white;
}
.info{
	background-color:;
	float:left;
	width:100%;
	margin:10px 0px 0px 0px ;
}
.ten{
	background-color:;
	width:38%;
	float:left;
}
.ten p{
	color:grey;
}
.eleven{
	background-color:;
	width:30%;
	float:left;
	padding:5px 8px 5px 8px ;
	border:1px solid white;
	border-radius:20px;
	margin:15px 0px 0px 20px;
	color:white;
}
.links2{
	background-color:yellow;
}
.about2{
	background-color:#292524;
	margin:10px;
	border-radius:10px;
	padding:10px;
	float:left;
	width:87%;
}
.about2 > div{
	margin:4% 0px 0px 0px ;
}
.about2 b{
	color:white;
}
.about2 small{
	color:grey;
}
.F{
	float:right;
	font-size:15px;
	background-color:;
	color:grey;
}
.F:hover{
	text-decoration: underline white 1px;
}
.H{
	padding:2px;
	border-radius:6px;
}
.H:hover{
	background-color:#44403B;
}
.H b :hover{
	text-decoration: underline white 1px;
}
.nav2{
	background-color:black;
	height:72px;
	width:100%;
	position:fixed;
	margin-top:41.5%;
}
.song5{
	background-color:;
	width:30%;
	margin:0px 0px 0px 0px;
	float:left;
}
.song5 img {
	height:60px;
	width:60px;	
}
.P{
	background-color:;
	float:left;
	margin:5px 0px 0px 5px;
}
.N{
	background-color:;
	float:left;
	width:70%;
	margin:15px 0px 0px 10px ;
	color:white;
}
.N marquee{
	behaviour:alternate;
	scroll amount:10;
	color:grey;
}
.L{
	background-color:;
	float:left;
	color:white;
	margin:23px 0px 0px 5px;
	font-size:18px;
}
.Pl{
	background-color:;
	width:50%;
	float:left;
	height:70px;
	margin-left:2%;
}
.I{
	float:left;
	background-color:;
	font-size:25px;
	padding:10px 0px 0px 30% ;
	width:70%;
	color:white;
}
.I span{
	margin:0px 5px 0px 5px ;
}
.audio{
	background-color:;
	float:left;
	width:100%;
	height:28px;
}
.audio2{
	float:left;
	margin:5px 0px 0px 40px ;
	background-color:;
	color:white;
}
.audio3{
	float:left;
	margin:5px 0px 0px 0px ;
	background-color:;
	color:white;
}
.A{
	background-color:grey;
	height:5px;
	width:68%;
	border-radius:10px;
	margin:14px 5px 0px 5px ;
	float:left;
}
.audio4{
	background-color:;
	float:left;
	width:17%;
	height:28px;
	margin:2% 0px 0px 0%;
}
.audio4 span{
	float:left;
	padding:0px 0px 0px 15px;
	font-size:20px;
	color:white;
}
.AI{
	background-color:grey;
	height:4px;
	width:10%;
	border-radius:10px;
	margin:12px 0px 0px 10px ;
}