Make markdown event headings not gignantic (#193)

Reviewed-on: #193
Reviewed-by: Amy <a258wang@csclub.uwaterloo.ca>
Co-authored-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Co-committed-by: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>

components/EventCard.module.css

@@ -49,6 +49,15 @@
   display: none;
 }
 
+.children h1,
+.children h2,
+.children h3,
+.children h4 {
+  font-size: 1rem;
+  margin-top: calc(24rem / 16);
+  margin-bottom: calc(8rem / 16);
+}
+
 @media only screen and (max-width: calc(768rem / 16)) {
   .card {
     flex-direction: column;
@@ -107,6 +116,11 @@
     display: none;
   }
 
+  .children ul,
+  .children ol {
+    padding-left: 1rem;
+  }
+
   .mobileShowDescriptionContent .children {
     display: unset;
   }