basic changes event info, scrollbar

src/plainui/jinja2/plainui/components/event_info.html

 {% import "plainui/components/image.html" as imageMacro %}
 
 {% macro eventInfo(event, speakers, assembly={}) -%}
-    <div class="rc3-event-info">
-        <h3 class="flex-row align-items-center justify-content-center bg-info p-3 text-white h3 mb-lg-0">
+    <div class="rc3-event-info border border-1 border-white">
+        <h3 class="flex-row align-items-center justify-content-center bg-info p-3 text-dark h3 mb-lg-0">
             {{ _("Event starts in") }}
             {{ event.schedule_start|strftdelta }}
         </h3>

src/plainui/styles/_util-classes.scss

@@ -10,7 +10,7 @@
 /* Works on Firefox */
 * {
     scrollbar-width: thin;
-    scrollbar-color: $secondary $info;
+    scrollbar-color: $primary transparent;
   }
 
 /* Works on Chrome, Edge, and Safari */
@@ -161,8 +161,8 @@ h6,
     &__item {
         display: flex;
         flex-flow: row nowrap;
-        box-shadow: $box-shadow-morphism;
-        font-family: $headings-font-family;
+        // box-shadow: $box-shadow-morphism;
+        font-family: $font-family-sans-serif;
         padding: map-get($spacers, 3);
         align-items: center;