Merge pull request #7 from calblueprint/catherine/hfi-19-contact-us-s…

…ection

[feat] create contact page

src/components/Contact.astro

@@ -0,0 +1,43 @@
+<section> 
+  <h4 id="contact">CONTACT US</h4>
+  <div class="spacer"></div>
+  <div class="row">
+    <h3>Any other&nbsp;</h3><h2>questions?</h2>
+  </div>
+  <div class="spacer"></div>
+  <p class="description">We are here to help you! Please check the FAQ first; 
+    If your question is not already answered, you can reach us at 
+    <a class="email" href="mailto:[email protected]">[email protected]</a>.<br>
+    <br>
+    Please email <a class="email" href="mailto:[email protected]">[email protected]</a>
+    if you need a particular accommodation.
+    Note that requests made less than 24 hours before the event will likely not be accommodated.
+  </p>
+</section>
+
+<style lang="scss">
+  section {
+    display: flex;
+    flex-direction: column;
+    align-items: center; 
+    text-align: center;
+    width: 46.5rem;
+    margin: 0 auto;
+  }
+  div.spacer {
+    height: 1.5rem;
+  }
+
+  div.row {
+    display: flex;
+    flex-direction: row;
+  }
+
+  p.description {
+    font-weight: 400;
+  }
+
+  a.email {
+    text-decoration-line: underline; // the underline is too close to the text... 
+  }
+</style>

src/styles/_global.scss

@@ -36,7 +36,9 @@ h3 {
 
 h4 {
   font-family: fonts.$mono;
+  letter-spacing: 0.8px;
   font-size: 1rem;
+  font-weight: 400;
 }
 
 h5 {
@@ -57,6 +59,8 @@ span {
 a {
   color: colors.$link;
   text-decoration: none;
+  font-weight: 700;
+  line-height: 150%;
 }
 
 button {