html {
	background-color: #171515;
}


body {
	margin: 0;
	padding: 0;
    font-family:sans-serif;
}

.bg {
	width: 100%;
	height: 100vh;
	background-image:url('../img/anastros_bg.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;	
}

h3,h4 {
	text-align:center;
	color:grey;
}

h5,p {
	color: white;
}

.logo {
	max-width:90%;
	margin: auto;
	display: block;
	padding-top: 5%;
}

.container {
    background-color: blueviolet;
    border-radius: 1rem;
    color: whitesmoke;
}

.sources-div {
	display: grid
}

.source {
	margin: .25rem auto;
	width: 250px;
}

#player {
    display: block;
    margin: 2rem auto;
}

#desc {
	text-align: center;
	max-width: 30%;
	margin: auto;
	background-color: #171515;
	padding: 1rem;
	border-radius: .5rem;
}

@media screen and (max-width: 500px) {
	#desc {
		max-width: 90%;
	}
}