@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;
0,200;
0,300;
0,400;
0,500;
0,600;
0,700;
0,800;
0,900;
1,100;
1,200;
1,300;
1,400;
1,500;
1,600;
1,700;
1,800;
1,900&display=swap";
p,span,ul{
    margin:0
}
a,body{
    font-weight:400
}
a,span{
    display:inline-block
}
[type=button]:not(:disabled),button,button:not(:disabled){
    cursor:pointer
}
body{
    -webkit-tap-highlight-color:transparent
}
.row{
    --bs-gutter-y:0
}
.btn{
    --bs-btn-font-weight:400
}
.navbar-brand{
    white-space:nowrap
}
.nav,.navbar-nav{
    --bs-nav-link-padding-y:.5rem;
    list-style:none
}
.nav,.navbar-nav,ul{
    list-style:none
}
:root{
    --bs-border-width:1px
}
html{
    scroll-behavior:smooth
}
body{
    font-family:Montserrat,sans-serif;
    color:#d9d9d9;
    font-size:1.125rem;
    padding:0;
    line-height:1.7;
    background-color:#0b1834;
    overflow-x:hidden;
    display:flex;
    flex-flow:column;
    min-height:100%
}
img{
    max-width:100%;
    height:auto;
    user-select:none
}
.btn{
    -webkit-user-select:none;
    -moz-user-select:none
}
ul{
    padding:0 0 0 2rem
}
button{
    border:none
}
button:focus,button:focus:not(:focus-visible){
    outline:0
}
.banner-section .radio-player .radio-player-top .artist{
    color:#fff
}
body .banner-section .radio-player .album-art img{
    object-fit:cover;
    -o-object-fit:cover;
    object-position:center;
    -o-object-position:center
}
.banner-section .radio-player .radio-player-top,.scroll-top a,.radio-player{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.scroll-top a{
    justify-content:center
}
.banner-section .radio-player .radio-player-top,body .banner-section .radio-player,.scroll-top a{
    align-items:center
}
.btn-rounded,body .banner-section .radio-player .album-art{
    overflow:hidden
}
.banner-section.lol::before,body .banner-section .radio-player .album-art img,.main-navbar::before{
    height:100%
}
.text-center{
    text-align:center
}
.btn-rounded{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px
}
body .banner-section .radio-player .album-art{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@-ms-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-moz-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-ms-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-moz-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-ms-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        -ms-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-moz-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-ms-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-moz-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-ms-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-moz-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-ms-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
h2,h3,h4{
    font-family:Montserrat,sans-serif;
    color:#fff;
    margin:0;
    word-break:break-word
}
h2>a,h3>a,h4>a{
    color:#fff;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    line-height:1.4;
    word-break:break-word
}
h2{
    font-size:3.5625rem
}
@media (max-width:1399px){
    h2{
        font-size:2.625rem
    }
}
@media (max-width:1199px){
    h2{
        font-size:2.25rem
    }
}
h3{
    font-size:2.6875rem
}
@media (max-width:1399px){
    h3{
        font-size:2.25rem
    }
}
@media (max-width:1199px){
    h3{
        font-size:2rem
    }
}
h4{
    font-size:2rem
}
@media (max-width:1399px){
    h4{
        font-size:1.75rem
    }
}
@media (max-width:1199px){
    h4{
        font-size:1.5rem
    }
}
a{
    font-family:Montserrat,sans-serif;
    color:var(--bs-link-color);
    text-decoration:underline
}
a:hover{
    text-decoration:none;
    color:var(--bs-link-hover-color)
}
.btn{
    font-family:Montserrat,sans-serif;
    font-weight:500;
    font-size:1.125rem;
    padding:.75rem 1.875rem;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0
}
.white-btn{
    background-color:rgba(255,255,255,.2)!important;
    color:#fff!important
}
.collapse:not(.show),body .main-navbar::before{
    display:none
}
.radio-player{
    align-items:flex-end
}
.radio-player .album-art{
    width:240px
}
body .banner-section .radio-player .radio-player-top .artist{
    font-size:1rem
}
.main-navbar{
    position:fixed;
    padding:1.5rem 0;
    z-index:99;
    top:0
}
.main-navbar::before{
    content:\"\";
    top:0;
    left:0;
    background-color:rgba(7,17,38,.59);
    backdrop-filter:blur(6.5px)
}
.main-navbar .navbar-brand img{
    max-height:250px;
    max-width:200px
}
.banner-section.lol .banner-title.lol{
    max-width:100%
}
.navbar-toggler:active,.navbar-toggler:focus{
    box-shadow:none;
    outline:0
}
.navbar-toggler-icon{
    background-image:none;
    background-color:transparent;
    padding:0;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff
}
.navbar-toggler-icon::after,.navbar-toggler-icon::before{
    content:\"\";
    top:50%;
    left:0;
    height:1px;
    background-color:#fff
}
@media (max-width:1399px){
    .radio-player .album-art{
        width:150px
    }
}
.banner-section{
    background-size:cover;
    background-repeat:no-repeat;
    padding-top:16.25rem;
    padding-bottom:10rem
}
.banner-section.lol{
    padding-top:18.75rem;
    padding-bottom:4.375rem
}
.banner-section.lol::before{
    content:\"\";
    top:0;
    left:0;
    background:linear-gradient(180.63deg,rgba(7,17,38,0) 43.18%,#071126 104.97%)
}
.banner-section.lol .banner-title{
    max-width:570px;
    margin-left:auto
}
@media (max-width:1399px){
    .banner-section{
        padding-top:11.25rem;
        padding-bottom:5rem
    }
    .banner-section.lol{
        padding-top:12.5rem
    }
    .banner-section.lol .banner-title{
        max-width:425px
    }
}
.banner-section.lol .radio-player{
    margin-top:12.5rem
}
@media (max-width:1399px){
    .banner-section.lol .radio-player{
        margin-top:6.25rem
    }
    .banner-section .radio-player .radio-player-top .title{
        font-size:1.5rem
    }
}
.banner-section.lol .radio-player .album-art{
    width:196px
}
.banner-section .radio-player{
    margin-top:7.5rem
}
.banner-section .radio-player .radio-player-top .title{
    margin-bottom:.625rem;
    margin-right:2.1875rem
}
.banner-section .radio-player .radio-player-top .artist{
    margin-bottom:.625rem
}
.banner-section .banner-title{
    text-border: 1px solid #000; /* Adds a black border */

    font-size:4.75rem;
    font-weight:700
}

.banner-title .h2{
    color:#fff;
    opacity:1;
}

@media (max-width:1399px){
    .banner-section .banner-title{
        font-size:3.5rem
    }
}
@media (max-width:1199px){
    .main-navbar{
        padding:.75rem 0
    }
    .navbar-collapse{
        margin-top:1.25rem
    }
    .banner-section,.banner-section.lol{
        padding-top:9.375rem
    }
    .banner-section .banner-title{
        font-size:2.625rem
    }
}
ul ul{
    margin-bottom:0
}
@keyframes spin{
    from{
        -webkit-transform:translateY(-50%) rotate(0);
        -ms-transform:translateY(-50%) rotate(0);
        transform:translateY(-50%) rotate(0)
    }
    to{
        -webkit-transform:translateY(-50%) rotate(360deg);
        -ms-transform:translateY(-50%) rotate(360deg);
        transform:translateY(-50%) rotate(360deg)
    }
}
@keyframes spin2{
    from{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
body .radio-player:hover .title,.radio-player:hover body .title{
    color:red
}
@media (max-width:991px){
    h3{
        font-size:1.5rem
    }
    .banner-section .banner-title{
        font-size:2.25rem
    }
    h2{
        font-size:2rem
    }
    h4{
        font-size:1.375rem
    }
    .banner-section .radio-player .radio-player-top .title{
        font-size:1.25rem
    }
    .banner-section.lol .banner-title{
        max-width:100%
    }
    .banner-section.lol .radio-player{
        margin-top:3.125rem
    }
}
@media (max-width:1199px){
    body .navbar-collapse{
        padding:.9375rem;
        background-color:#071126
    }
}
@media (max-width:575px){
    h2{
        font-size:1.75rem
    }
    .btn{
        font-size:1rem
    }
    .radio-player{
        justify-content:center
    }
    .radio-player .album-art{
        width:100px
    }
    .banner-section .banner-title{
        font-size:2rem
    }
}
body .banner-section .radio-player,p,ul{
    margin-top:0
}
body{
    background-color:#1a1d22
}
body .scroll-top{
    background-color:red;
    color:#fff
}
body .banner-section{
    padding-top:25rem;
    padding-bottom:0
}
body .banner-section .radio-player .album-art{
    width:100px;
    height:100px
}
body .banner-section .radio-player .radio-player-top{
    width:50%;
    padding-left:1.875rem
}
body .banner-section .radio-player .radio-player-top .title{
    font-size:1.125rem;
    font-weight:500
}
body .player{
    margin-top:13.75rem;
    padding:.9375rem 0;
    background-color:rgba(0,0,0,.83)
}
.btn{
    cursor:pointer
}
:root{
    --bs-blue:#0d6efd;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-black:#000;
    --bs-white:#fff;
    --bs-gray:#6c757d;
    --bs-gray-dark:#343a40;
    --bs-gray-100:#f8f9fa;
    --bs-gray-200:#e9ecef;
    --bs-gray-300:#dee2e6;
    --bs-gray-400:#ced4da;
    --bs-gray-500:#adb5bd;
    --bs-gray-600:#6c757d;
    --bs-gray-700:#495057;
    --bs-gray-800:#343a40;
    --bs-gray-900:#212529;
    --bs-primary:#0d6efd;
    --bs-secondary:#6c757d;
    --bs-success:#198754;
    --bs-info:#0dcaf0;
    --bs-warning:#ffc107;
    --bs-danger:#dc3545;
    --bs-light:#f8f9fa;
    --bs-dark:#212529;
    --bs-primary-rgb:13,110,253;
    --bs-secondary-rgb:108,117,125;
    --bs-success-rgb:25,135,84;
    --bs-info-rgb:13,202,240;
    --bs-warning-rgb:255,193,7;
    --bs-danger-rgb:220,53,69;
    --bs-light-rgb:248,249,250;
    --bs-dark-rgb:33,37,41;
    --bs-white-rgb:255,255,255;
    --bs-black-rgb:0,0,0;
    --bs-body-color-rgb:33,37,41;
    --bs-body-bg-rgb:255,255,255;
    --bs-font-sans-serif:system-ui,-apple-system,\"Segoe UI\",Montserrat,\"Helvetica Neue\",\"Noto Sans\",\"Liberation Sans\",Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";
    --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;
    --bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));
    --bs-body-font-family:var(--bs-font-sans-serif);
    --bs-body-font-size:1rem;
    --bs-body-font-weight:400;
    --bs-body-line-height:1.5;
    --bs-body-color:#212529;
    --bs-body-bg:#fff;
    --bs-border-style:solid;
    --bs-border-color:#dee2e6;
    --bs-border-color-translucent:rgba(0,0,0,0.175);
    --bs-border-radius:.375rem;
    --bs-border-radius-sm:.25rem;
    --bs-border-radius-lg:.5rem;
    --bs-border-radius-xl:1rem;
    --bs-border-radius-2xl:2rem;
    --bs-border-radius-pill:50rem;
    --bs-link-color:#0d6efd;
    --bs-link-hover-color:#0a58ca;
    --bs-code-color:#d63384;
    --bs-highlight-bg:#fff3cd
}
*,::after,::before{
    box-sizing:border-box
}
@media (prefers-reduced-motion:no-preference){
    :root{
        scroll-behavior:smooth
    }
}
body{
    margin:0;
    font-family:var(--bs-body-font-family);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    color:var(--bs-body-color);
    text-align:var(--bs-body-text-align);
    background-color:var(--bs-body-bg);
    -webkit-text-size-adjust:100%
}
.h2,.h3,.h4,h2,h3,h4{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
p,ul{
    margin-bottom:1rem
}
.h2,h2{
    font-size:calc(1.325rem + .9vw)
}
.h3,h3{
    font-size:calc(1.3rem + .6vw)
}
.h4,h4{
    font-size:calc(1.275rem + .3vw)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
img{
    vertical-align:middle
}
button{
    border-radius:0;
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    text-transform:none
}
[type=button],button{
    -webkit-appearance:button
}
::-moz-focus-inner{
    padding:0;
    border-style:none
}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{
    padding:0
}
::-webkit-inner-spin-button{
    height:auto
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-color-swatch-wrapper{
    padding:0
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
::file-selector-button{
    font:inherit;
    -webkit-appearance:button
}
.container{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
    .col-lg-12{
        flex:0 0 auto;
        width:100%
    }
    .col-lg-8{
        flex:0 0 auto;
        width:66.66666667%
    }
}
@media (min-width:1200px){
    .h2,h2{
        font-size:2rem
    }
    .h3,h3{
        font-size:1.75rem
    }
    .h4,h4{
        font-size:1.5rem
    }
    .container{
        max-width:1140px
    }
}
.row{
    --bs-gutter-x:1.5rem;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn{
    color:var(--bs-btn-color);
    background-color:var(--bs-btn-bg);
    --bs-btn-padding-x:.75rem;
    --bs-btn-padding-y:.375rem;
    --bs-btn-font-size:1rem;
    --bs-btn-line-height:1.5;
    --bs-btn-color:#212529;
    --bs-btn-bg:transparent;
    --bs-btn-border-width:1px;
    --bs-btn-border-color:transparent;
    --bs-btn-border-radius:.375rem;
    --bs-btn-hover-border-color:transparent;
    --bs-btn-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    --bs-btn-disabled-opacity:.65;
    --bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
    display:inline-block;
    padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family:var(--bs-btn-font-family);
    font-size:var(--bs-btn-font-size);
    font-weight:var(--bs-btn-font-weight);
    line-height:var(--bs-btn-line-height);
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    user-select:none;
    border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius:var(--bs-btn-border-radius);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:hover{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color)
}
.btn:focus-visible{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);
    outline:0;
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn:first-child:active,:not(.btn-check)+.btn:active{
    color:var(--bs-btn-active-color);
    background-color:var(--bs-btn-active-bg);
    border-color:var(--bs-btn-active-border-color)
}
.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{
    box-shadow:var(--bs-btn-focus-box-shadow)
}
.btn:disabled{
    color:var(--bs-btn-disabled-color);
    pointer-events:none;
    background-color:var(--bs-btn-disabled-bg);
    border-color:var(--bs-btn-disabled-border-color);
    opacity:var(--bs-btn-disabled-opacity)
}
.navbar-brand,.navbar-toggler:focus,.navbar-toggler:hover{
    text-decoration:none
}
.btn-group{
    position:relative;
    display:inline-flex;
    vertical-align:middle
}
.btn-group>.btn{
    position:relative;
    flex:1 1 auto
}
.btn-group{
    border-radius:.375rem
}
.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{
    margin-left:-1px
}
.nav{
    --bs-nav-link-padding-x:1rem;
    --bs-nav-link-color:var(--bs-link-color);
    --bs-nav-link-hover-color:var(--bs-link-hover-color);
    --bs-nav-link-disabled-color:#6c757d;
    display:flex;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0
}
.navbar{
    --bs-navbar-padding-x:0;
    --bs-navbar-padding-y:.1rem;
    --bs-navbar-color:rgba(0,0,0,0.55);
    --bs-navbar-hover-color:rgba(0,0,0,0.7);
    --bs-navbar-disabled-color:rgba(0,0,0,0.3);
    --bs-navbar-active-color:rgba(0,0,0,0.9);
    --bs-navbar-brand-padding-y:.3125rem;
    --bs-navbar-brand-margin-end:1rem;
    --bs-navbar-brand-font-size:1.25rem;
    --bs-navbar-brand-color:rgba(0,0,0,0.9);
    --bs-navbar-brand-hover-color:rgba(0,0,0,0.9);
    --bs-navbar-nav-link-padding-x:.5rem;
    --bs-navbar-toggler-padding-y:.25rem;
    --bs-navbar-toggler-padding-x:.75rem;
    --bs-navbar-toggler-font-size:1.25rem;
    --bs-navbar-toggler-border-color:rgba(0,0,0,0.1);
    --bs-navbar-toggler-border-radius:.375rem;
    --bs-navbar-toggler-focus-width:.25rem;
    --bs-navbar-toggler-transition:box-shadow .15s ease-in-out;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}
.navbar>.container{
    display:flex;
    flex-wrap:inherit;
    align-items:center;
    justify-content:space-between
}
.navbar-brand{
    padding-top:var(--bs-navbar-brand-padding-y);
    padding-bottom:var(--bs-navbar-brand-padding-y);
    margin-right:var(--bs-navbar-brand-margin-end);
    font-size:var(--bs-navbar-brand-font-size);
    color:var(--bs-navbar-brand-color)
}
.navbar-toggler{
    color:var(--bs-navbar-color)
}
.navbar-brand:focus,.navbar-brand:hover{
    color:var(--bs-navbar-brand-hover-color)
}
.navbar-nav{
    --bs-nav-link-padding-x:0;
    --bs-nav-link-color:var(--bs-navbar-color);
    --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.navbar-toggler{
    padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size:var(--bs-navbar-toggler-font-size);
    line-height:1;
    background-color:transparent;
    border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius:var(--bs-navbar-toggler-border-radius);
    transition:var(--bs-navbar-toggler-transition)
}
.navbar-toggler:focus{
    outline:0;
    box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)
}
.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    background-image:var(--bs-navbar-toggler-icon-bg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%
}
@keyframes progress-bar-stripes{
    0%{
        background-position-x:1rem
    }
}
@keyframes spinner-border{
    to{
        transform:rotate(360deg)
    }
}
@keyframes spinner-grow{
    0%{
        transform:scale(0)
    }
    50%{
        opacity:1;
        transform:none
    }
}
@media (prefers-reduced-motion:reduce){
    .btn,.navbar-toggler{
        transition:none
    }
}
@keyframes placeholder-glow{
    50%{
        opacity:.2
    }
}
@keyframes placeholder-wave{
    100%{
        -webkit-mask-position:-200% 0;
        mask-position:-200% 0
    }
}
.mt-5{
    margin-top:3rem!important
}
.me-1{
    margin-right:.25rem!important
}
.mb-2{
    margin-bottom:.5rem!important
}
.ms-1{
    margin-left:.25rem!important
}
.ms-auto{
    margin-left:auto!important
}
.pt-5{
    padding-top:3rem!important
}
.text-center{
    text-align:center!important
}
@media (min-width:992px){
    .mb-lg-0{
        margin-bottom:0!important
    }
}
@media (min-width:1400px){
    .container{
        max-width:1320px
    }
}
@media (min-width:1200px){
    .navbar-expand-xl{
        flex-wrap:nowrap;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{
        flex-direction:row
    }
    .navbar-expand-xl .navbar-collapse{
        display:flex!important;
        flex-basis:auto
    }
    .navbar-expand-xl .navbar-toggler{
        display:none
    }
}
body{
    font-family:'Montserrat',sans-serif!important;
    overflow:hidden;
    background:#051E42
}
.album-art{
    border-radius:12px!important;
    -webkit-border-radius:12px!important
}
.title{
    color:#fff!important
}
.lol{
    text-shadow:0 10px 9px 10px rgba(0,0,0,0.35)
}
.btn-primary{
    background:#051E42;
    color:#fff
}
.modal-content{
    background:#051E42;
    color:#fff!important
}
.modal-title{
    margin-bottom:10px;
    font-weight:700
}
.btn-primary{
    background:#09336e;
    color:#fff
}
html,body{
    height:100%;
    margin:0
}
.navbar{
    width:100%
}
.banner-section{
    width:100%;
    height:100vh;
    background-size:cover;
    background-position: center 65%;
}
.player{
    width:100%;
    margin:0;
    bottom:0;
    position:fixed
}
.aa{
    top:45%;
    left:50%;
    position:absolute;
    transform:translate(-50%,-50%)
}
#pause{
    display:none
}
.radio-player-top{
    vertical-align:middle
}
.banner-section{
    background-image:url(assets/images/ibrox1.jpg);
    transition:background-image 1s,opacity 1s
}
.logo-badge {
    background:url("assets/images/logo/badge1.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:50vw;
    height:50vh;

}

.containertest {
    width: 50%;
    padding: 20px;
    margin: 0 auto; /* Centers the container */
}

/* Color Block Style */
.color-block {
    background-color: #4CAF50;
    color: white;
    padding: 15px;
    border-radius: 5px;
}

/* Card Layout Style */
.card-layout {
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: 2px 2px 5px grey;
    border-radius: 5px;
}

/* Image Background Style */
.image-background {
    background: url('path_to_image.jpg');
    color: white;
    padding: 15px;
    background-size: cover;
    border-radius: 5px;
}

/* Outline Style */
.outline-style {
    border: 2px solid blue;
    padding: 15px;
    border-radius: 5px;
}

/* Hover Animation Style */
.hover-animation {
    border: 1px solid #4CAF50; /* Adjusted to a shade of blue */
    padding: 15px;
    transition: transform 0.3s;
    border-radius: 5px;
    background-color: white; /* White background */
}
.hover-animation:hover {
    transform: scale(1.05);
    box-shadow: 3px 3px 10px #4CAF50; /* Shadow in a shade of blue */
}
/* Hover Animation Style */
/* Hover Animation Style */
.hover-animation {
    border: 1px solid #007bff; /* Blue border */
    padding: 15px;
    transition: transform 0.3s;
    border-radius: 5px;
    background-color: white; /* White background */
}
.hover-animation:hover {
    transform: scale(1.05);
    box-shadow: 3px 3px 10px #007bff; /* Blue shadow */
}


/* Gradient Borders */
.gradient-border {
    border: 1px solid transparent;
    background: linear-gradient(45deg, blue, lightblue);
    background-clip: padding-box;
    padding: 15px;
}

/* Neumorphism Style */
.neumorphism {
    background-color: #0033a0; /* Updated navbar color */
    border-radius: 10px;
    box-shadow: 8px 8px 15px #002a80, -8px -8px 15px #003ec0; /* Adjusted shadows for depth */
    padding: 15px;
    color: white; /* Text color for readability */
    position: relative; /* For absolute positioning of the sub-box */
    opacity:0.6;
}

/* Sub-box Style */
.sub-box {
    position: absolute; /* Positioned relative to the neumorphism box */
    bottom: 10px; /* Positioned at the bottom of the neumorphism box */
    right: 10px; /* Positioned to the right inside the neumorphism box */
    background-color: #f0f0f0; /* Light background for the sub-box */
    border-radius: 5px;
    padding: 10px;
    color: #333; /* Dark text for the sub-box */
}

/* Glassmorphism Style */
.glassmorphism {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 15px;
}

/* Flat Design with Accent Colors */
.flat-design {
    border: 1px solid #007bff; /* Accent color */
    background-color: #f8f8f8; /* Light background */
    padding: 15px;
}

/* Minimalist with Line Icons */
.minimalist-icon {
    border: 1px solid #ddd;
    padding: 15px;
    display: flex;
    align-items: center;
}
.icon {
    margin-right: 10px;
    /* Include icon styling here */
}

/* Interactive Animation */
.interactive-animation {
    transition: transform 0.3s ease;
    padding: 15px;
    border: 1px solid #ddd;
}
.interactive-animation:hover {
    transform: rotate(5deg);
}

.iphone {
    display: block; /* or 'flex', 'inline-block', etc., depending on your layout */
    margin-left: auto;
    margin-right: auto;
    width:180px;
    padding-bottom:-50px;
    margin-top: -25px;
    margin-bottom: -5px;
}

.android {
    display: block; /* or 'flex', 'inline-block', etc., depending on your layout */
    margin-left: auto;
    margin-right: auto;
    width:180px;
    padding-bottom:-50px;
    margin-top: -25px;
    margin-bottom: -5px;
}