.rotate {
  animation: rotation 100s infinite linear;
}

@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: fantasy;
    font-style: normal;
    font-weight: 400;
    color: #dee2e6;
}
.navbar-nav.mx-auto .nav-item .nav-link {
    font-family: fantasy;
    font-style: normal;
    font-weight: 400;
    color: #f8f9fa;
}
.navbar .navbar-expand-lg.navbar-dark.bg-primary .navbar-brand {
    color: #777;
    font-style: normal;
    font-weight: 400;
    font-family: baumans;
    font-variant: normal;
}





.bg-primary {
    background-image: url(https://media0.giphy.com/media/3ohhwmGtLE6WyYPOQU/200w.gif);
 background-color:#04B1D1 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://media0.giphy.com/media/3ohhwmGtLE6WyYPOQU/200w.gif);
 background-color:#04B1D1 !important;
}
.container .logo.img-responsive.img-center {
	    width: 50%;
	    
    margin-top: -2px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}


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

body {
           background: url(../image/8856.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-image: url(https://media0.giphy.com/media/3ohhwmGtLE6WyYPOQU/200w.gif);
 background-color:#04B1D1 !important;
	background-size: cover;
    color: #fbff07;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    font-variant: normal;
    font-size: 1.5em;
    border-radius: 10px 10px 0px 0px !important;
    text-align: center
}

.navbar.navbar-expand-lg.navbar-dark.bg-primary #main_nav .btn.btn-warning {
    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-5 .card.youtube {
    height: 710px;
}

.row{
    margin-top: 5px !important;
    
}


.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: fantasy;
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    height: auto;
}


.neonText {
  color:#fff;
  text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc;
  font-size:32px;
  text-align:center;
}


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


.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: white;}