improve event home filters

assets/style.less

@@ -54,22 +54,24 @@ li {
   position: relative;
   flex-direction: column;
   width: 330px;
-  max-width: 500px;
+  max-width: 500px !important;
   flex-grow: 1;
   margin-top: .4em;
   margin-right: .4em;
+  transition: all .5s;
   overflow: hidden;
 
   .title {
+    transition: all .5s;
     display: block;
     max-height: 3.3em;
+    color: white;
     overflow: hidden;
     margin: 0.5rem 1rem 0.5rem 1rem;
     // color: white;
-    border-bottom: 1px solid rgba(4,4,4,0.2);
-    font-size: 1.2em !important;
+    // border-bottom: 1px solid rgba(4,4,4,0.2);
+    font-size: 1.1em !important;
     line-height: 1.1em;
-    font-weight: 500;
   }
 
   .body {
@@ -79,6 +81,8 @@ li {
   .img {
     width: 100%;
     max-height: 250px;
+    min-height: 160px;
+    background-color: #222;
     object-fit: cover;
     object-position: top;
   }
@@ -95,4 +99,16 @@ li {
   a {
     text-decoration: none;
   }
+}
+
+.v-list {
+  background-color: #333 !important;
+}
+
+.vc-past {
+  opacity: 0.4;
+}
+
+#event {
+  max-width: 1200px;
 }