body{
	background-color:#1e2024;
	overflow:hidden;
	
}

i{	
	color:white;
	font-size:5em;
}
i:active{
	color:#FFC300;
}
.footer_p{
	position:fixed;
	color:white;
	bottom:1em;
	margin:0 auto;
	width:100%;
	text-align:center
}
.text-scroll {
	height: 50px;	
	overflow: hidden;
	position: relative;
}
.text-scroll span {
	color:white;
	font-size:1.5em;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	transform:translateX(100%);
	animation: text-scroll 10s linear infinite;
}
@keyframes text-scroll {
	0% { 
		transform: translateX(100%); 		
	}
	100% { 
		transform: translateX(-100%); 
	}
}

#play,#stop{
	position:absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%,-50%);
}
#locallogo{
	width:150px;
	margin-top:-85px;
}
.socials{
	margin-top:.5em
}
.main{
    width: 100%;
	max-width:600px;
	height:336px;
	text-align: center;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.mytitle{
	background-color:#1e2024;
	padding:0.5em;
	margin-top:19em;	
}