.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: emblema-one;
    font-style: normal;
    font-weight: 400;
    color: #FF0000;
}
.navbar-nav.mx-auto .nav-item .nav-link {
    font-family: emblema-one;
    font-style: normal;
    font-weight: 400;
    color: #F46161;
}
.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: #03c9a9 !important;
}

.logo {
    width: 330px;
    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;
}


.rotate {
  animation: rotation 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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



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

body {

        background: url(../../image/5576269.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;

}

.card-header{
    background-color: #03c9a9 !important;
    color: #FF0004;
    font-style: normal;
    font-weight: 400;
    font-family: emblema-one;
    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 {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 50px;
  overflow-x: hidden;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.content{
 color:#03c9a9;   
    
}


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;
}