header{color:#fff;padding:5rem;background-color:#0e0e0e;}
iframe{height:220vh;width:100%;border:none;}
section{padding:1rem 1rem 2rem 2rem;}
section h2{font-size:2.5em;font-weight:400;color:#fff;background-color:#222;margin:-0.75rem -0.75rem 1rem;padding:2rem 1rem 1rem;}
section section[data-cell] p{margin:0.5em 1em;}
section aside{padding:0.25em;border-left:1px solid #eee;margin:0.25em 0;}
aside h4{border:none;margin:0.25rem 0 0;font-weight:400;font-size:1.5em;}

.events section.upcoming p:first-of-type,
.about > section:first-of-type p:first-of-type{font-size:250%;margin:0.5em 0;}

.events time{position:absolute;top:0;left:0;background-color:#444;font-size:1.5em;color:#fff;padding:1rem;box-shadow:0.125rem 0.125rem 1px rgb(0 0 0 / 0.25);}
.events .ended time{text-decoration:line-through;}
.events h2{display:inline-block;padding:2.5rem 2rem 1rem;max-width:50%;}
.events section{padding:3.5rem;margin:1rem;}
.events section.ended{background-color:#EAEAEA;padding:2.5rem 2rem 1rem;}

.upcoming h2{color:#333;background-color:var(--green);}
.ended h2{color:#333;background-color:var(--track);}

.listen section:nth-of-type(2){display:flex;flex-wrap:wrap;justify-content:stretch;}
.listen section:nth-of-type(2) h2{width:100%;}
.listen aside{flex-grow:1;background-color:#eee;border:none;margin:1px;}
.listen aside ul {margin: 0.5rem;list-style: none;padding: 0;font-family:var(--sans);font-weight:400;}
.listen aside h4{font-weight:600;}
.listen aside li{margin:0;padding :0;}