@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.navbar.navbar-expand-lg.navbar-dark.bg-primary {
    border-radius: 30px;
    width: auto;
    background-color: #F90004;
    height: auto;
    margin-bottom: 15px;


}

.navbar-nav.mx-auto .nav-item.active .nav-link {
    font-family: cursive;
    font-style: normal;
    font-weight: 400;
    color: #FFFF;
}
.navbar-nav.mx-auto .nav-item .nav-link {
    font-family: cursive;
    font-style: normal;
    font-weight: 400;
    color: #FFFF;
}
.navbar .navbar-expand-lg.navbar-dark.bg-primary .navbar-brand {
    color: #FF0004;
    font-style: normal;
    font-weight: 400;
    font-family: baumans;
    font-variant: normal;
}





.bg-primary {
    background-color: #edb670 !important;
}
.container .logo.img-responsive.img-center {
	    width: 260px;
    margin-top: -2px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
 animation: rotation 15s;
  animation-timing-function:
  linear;
  animation-iteration-count:  infinite;
    
}


.card {
  border: 0 !important;
	background-color: #fff0 !important;
  }

body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(https://media.giphy.com/media/3ohhwEZqxzKbNUHzji/giphy.gif);
    
}


.card-header{
    background-color: #edb670 !important;
    color: #000;
    font-style: normal;
    font-weight: 400;
        font-family: none;
    font-variant: normal;
    font-size: 1.2em;
    border-radius: 10px 10px 0px 0px !important;
    text-align: center
}

.navbar.navbar-expand-lg.navbar-dark.bg-primary #main_nav .btn.btn-warning {
    background-color: #F9CF74;
    border-radius: 0px;
}

.card .card-body.banner {
	padding: 0px !important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
iframe.banner {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.row .col-lg-6 .card.youtube {
    height: 320px;
}



.card .card-body.banner .img-fluid {
    width: auto;
    height: 250px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.container .card.footer {
    margin-top: 15px;
    font-family: emblema-one;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    height: auto;
}
marquee.marquee { margin-top: -9px; }
marquee b {background: rgb(4, 201, 224);padding: 3px 10px;color: rgb(255, 255, 255);font-size: 16px;font-family: 'Fugaz One';border-radius: 7px !important;}

span#listeners {
    background: rgb(241 38 147);
    padding: 3px 10px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: 'Fugaz One';
    border-radius: 7px !important;
}

span.song-artist {
    background: rgb(12 22 250);
    padding: 3px 10px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: 'Fugaz One';
    border-radius: 7px !important;
}

span.spacer {
    margin-right: 50px;
}

span.Alert {
    background: rgb(250 12 12);
    padding: 3px 10px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: 'Fugaz One';
    border-radius: 7px !important;
}

@import url(https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap);

.title {
 text-align: center;
    color: #b9dfff;
    color: #fff;
    font-family: "Zefani";
 font-family: 'Abril Fatface';
    text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #228dff,0 0 35px #228dff,0 0 40px #228dff;
}