h1{text-align:center;color:#036;margin-top:.5em;margin-bottom:.3em;font-size:1.5em;font-weight:bolder;display:block}h2{text-align:center;color:#036;margin-top:1em;margin-bottom:0;font-size:1.25em;font-weight:bolder;display:block}.station-cards{flex-wrap:wrap;justify-content:center;display:flex}.station-card{text-align:center;background-color:#fff;border:.0625em solid #ccc;border-radius:1.25em;width:28.125em;margin:.375em;padding:.25em;box-shadow:.25em .25em .3125em #c5c5c5}.station-card img{border-radius:20%;max-width:9.375em;margin:0 auto;display:block}.now-playing h3,.now-playing span{vertical-align:middle;display:inline-block}.now-playing h3{color:#376666;margin-right:.375em}.listen-now{color:#030562;margin-bottom:.5em;font-weight:700}.listen-now a{color:#030562;font-weight:700;text-decoration:none;transition:color .9s;position:relative}.listen-now a:hover{color:#68c0c0}.listen-now a:after{content:"";background:#036;width:0%;height:.0625em;margin-top:.3125em;transition:width .9s;display:block;position:relative}.listen-now a:hover:after{width:100%}
.introduction{text-align:center;background-color:#f7f7f7;border-radius:.5em;max-width:56.25em;margin:1.25em auto;padding:.625em;box-shadow:0 .25em .375em #0000001a}.introduction h2{color:#2c3e50;margin-bottom:.625em;font-size:2em}.introduction p{color:#333;margin-bottom:.625em;font-size:1.2em;line-height:1.5}@media (max-width:768px){.introduction{max-width:28.125em;padding:.9375em}.introduction h2{font-size:1.5em}.introduction p{font-size:1em}}