@font-face {
    font-family: Quicksand;
    src: url('fonts/Quicksand-Light.ttf');
}
body{
    direction:ltr;
	font-family: Quicksand, Times New Roman;
	font-size: 20px;
	background-color: #3498db;
	overscroll-behavior: none;
}
a,
a:link,
a:active,
a:visited {
    text-decoration: none;
}
html{
	direction: ltr;
	overscroll-behavior: none;
}
h1{
}
main{
	margin-top: 20px;
}
.container{
	max-width: 800px;
}
#tools{
	text-align: center;
	margin: 10px;
	line-height: 3rem;
}
#playlist{
	width: 100%;
	min-height: 70px;
	font-size: 0.9rem;
}
#playlist option:nth-child(odd){
	/*background-color: #eee;*/
	
}
#handle{
	width: 100%;
}
#play{
	width: 100px;
	height: 100px;
	border: none;
	font-size: 4rem;
	margin-bottom: 30px;
	background: transparent;
}
#play:hover{
	color: #3498db;
}
#player{
	display: none;
}
.flex{
	display: flex;
}
.flex select{
	width: 60px;
	padding: 3px;
	margin-left: 5px;
}
#copyright{
	direction: ltr;
	font-size: 11px;
	text-align: center;
	margin-top: 30px;
}
#settings{
	font-size: 0.9rem;
}
#file{
	/*display: none;*/
}
#durations{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: -30px;
	font-size: 0.9rem;
}
#durations span{

}

/*Dark Mode*/

.dark{
	background-color: black;
	color: white;
}
.dark main{
	background-color: black;
	color: white;
}
.dark .bg-light{
	background-color: black !important;
	color: white !important;
}
.dark a{
	color: white !important;
}
.dark .dropdown a{
	color: black !important;
}
.dark #play{
	color: white;
}
.dark #playlist,.dark #file,.dark #url{
	background-color: black;
	color: #6c757d;
	border-color: #6c757d;
}

/*!Dark Mode*/


#lock_div{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-color: black;
	display: none;
	z-index: 999999;
}
#moja img{
	width: 150px;
}
video{
	width: 100%;
	background-color: black;
}
.active{
	color: red !important;
}
.btn-sm2{
	font-size: .925rem !important;
}

@media screen and (max-width: 550px)
{
	
}