@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
body { margin: 0; padding: 0; background-image: url("/images/parchment-hd-wallpaper-1074131_1920.jpg"); background-size: cover; background-attachment: scroll; min-width: 100%;}
head, #next-meetings, body { display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: 'Dancing Script', cursive; }
#content { width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; text-align: center; position: relative; z-index: 1; }
#loading { position: absolute; z-index: 2; }
#agenda.agenda { min-width: 326px; max-width: 512px!important; margin: auto auto auto auto;  height: 100vh; display: flex; align-items: center; justify-content: center; }
.home #next-meetings { justify-content: flex-start; align-items: unset; margin: 0px auto auto auto; padding: 0 0 0 0; text-align: center; transform: scale(0.62); }
.inactive-page * { opacity: 1.0!important; background-image: none!important;}
.home #next-meetings { justify-content: flex-start; align-items: unset; margin: 0px auto auto auto; padding: 0 0 0 0; text-align: center; transform: scale(0.62); }
.inactive-page #next-meetings { justify-content: flex-start; align-items: unset; margin: 0px auto auto auto; padding: 0 0 0 0; text-align: center; transform: scale(1.00); }
.next-meeting { text-align: left; text-decoration: underline; min-width: 376px; max-width: 512px!important; font-weight: bold; padding: 3px 0px; font-family: monospace; }
.sizer { transform: scale(1.00)!important; transition: all 2.25s cubic-bezier(0.0, 0.0, 0.58, 1.0)!important; -moz-transition: all 2.25s cubic-bezier(0.0, 0.0, 0.58, 1.0)!important; -webkit-transition: all 2.25s cubic-bezier(0.0, 0.0, 0.58, 1.0)!important;  }
.meetings { padding: 0 12px; text-align: left; }
h2.legend { text-decoration: underline; }
.time { color: #000000; font-weight: bold; text-decoration: underline; }
.in-person { color: #0000FF; text-decoration: unset; }
.online { color: #00FF00; text-decoration: unset; }
.hybrid { color: #8b26ca; text-decoration: unset; }
.inactive { color: #000000; text-decoration: line-through; }
.legend { color: #000000; font-weight: bold; text-decoration: none; line-height: 18px; padding-top: 12px; }
ul { width: 175px; margin: 0 auto; text-align: right; font-family: monospace; padding-left: 0px; }
li { font-size: 0.85em!important; }
a:hover { text-decoration: underline; color: #000000; }
@media screen AND (max-width: 620px) { body { font-size: 110%; } }
@media screen AND (min-width: 620px) { body { font-size: 135%; } }