*,*:before,*:after{box-sizing:border-box}body,ul,ol,nav,h1,h2,h3,h4,h5,h6{padding:0;margin:0}body{font-family:Red Hat Text,Lato,Open Sans,FreeSans,sans-serif;background-color:var(--bg-color);color:var(--color)}a{color:var(--color);text-decoration:none}ol,ul{list-style:none}@media(prefers-color-scheme:dark){:root{--bg-color: black;--color: white;--invert-color: black;--invert-bg-color: white;--shadow-color: #fff6}}@media(prefers-color-scheme:light){:root{--bg-color: white;--color: black;--invert-color: white;--invert-bg-color: black;--shadow-color: #0006}}:root{--padding: .2rem;--large-padding: .4rem;--xl-padding: calc(3 * var(--large-padding));--large-font-size: 2rem;--medium-font-size: 1.5rem;--small-font-size: 1.1rem;--box-shadow: var(--color) 0 0 1rem 3px}.event-title{font-size:var(--medium-font-size);width:100%}.venue-name{font-size:var(--small-font-size);text-transform:uppercase}.events-of-the-day{font-size:var(--large-font-size)}.event{border-left:medium solid var(--color);display:flex;flex-flow:row wrap;justify-content:space-between;align-items:end;column-gap:3rem;margin-bottom:var(--xl-padding);padding:0 var(--large-padding);word-break:break-word}.event:first-of-type{margin-top:var(--xl-padding)}h2{font-size:var(--medium-font-size);text-transform:uppercase;background-color:var(--invert-bg-color);color:var(--invert-color);padding:var(--padding) var(--large-padding);position:sticky;top:0}.calendar-entry{font-size:medium;color:var(--color);border:1px solid var(--color);padding:.2rem .33rem}.container{display:grid;grid-template-areas:"header" "events";grid-template-rows:auto 1fr;max-width:800px}nav h1{line-height:.77}header{grid-area:header;color:var(--color);display:flex}nav{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;width:100%}main{grid-area:events;overflow:auto}input{font-size:var(--medium-font-size)}@media(min-width:800px){.container{margin:0 auto}}@media(min-height:200px)and (max-height:500px){header{height:10vh}main{height:90vh}}@media(min-height:500px)and (max-height:600px){header{height:7vh}main{height:93vh}}@media(min-height:600px)and (max-height:850px){header{height:6vh}main{height:94vh}}@media(min-height:851px)and (max-height:1023px){header{height:5vh}main{height:95vh}}@media(min-height:1024px){header{height:4vh}main{height:96vh}}button{color:var(--bg-color);background-color:var(--color);border:unset;font:var(--large-font-size);padding:var(--large-padding)}aside{background-color:var(--bg-color);color:var(--color)}[popover]{box-shadow:var(--box-shadow)}