Wording changes, add icons

assets/css/main.min.css

@@ -1,3 +1,4 @@
+@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
 *,
 *::before,
 *::after {
@@ -75,7 +76,7 @@
     --c-bg: #fdfdfd;
     --c-cta: #ebf2f9;
     --c-text: #203650;
-    --f-sans: "Americana", sans-serif;
+    --f-sans: sans-serif;
     --f-serif: "Chevalier", serif;
     --f-script: "Belluccia", cursive;
     --f-family: var(--f-serif);
@@ -207,6 +208,9 @@ strong {
     padding-top: 0.35rem;
     padding-bottom: 0.35rem;
 }
+[data-font="sans"] {
+    font-family: var(--f-sans);
+}
 [data-font="serif"] {
     font-family: var(--f-serif);
 }
@@ -344,8 +348,9 @@ hr {
     text-align: center;
     
     &:before {
-      content: "\2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022 \2022";
+      content: "\2022 \2022 \2022 \2022 \2022 \2022 \2022";
       font-size: 12px;
+      letter-spacing: .5rem;
       color: black;
     }
   }

index.html

@@ -37,7 +37,10 @@
     </section>
     <main>
         <div class="text">
-            <p data-size="large" data-font="serif">are getting married!</p>
+            <p data-size="small" data-font="serif">
+                Invite you to join in the <br>
+                celebration of their marriage
+            </p>
         </div>
         <hr>
         <div class="text">
@@ -51,15 +54,17 @@
             <p data-size="small">
                 The Hall at The Robey Hotel<br>
                 2022 W North Ave<br>
-                Chicago, Illinois
+                Chicago, Illinois<br>
+                <a data-style="cta" data-size="large" class="bi bi-map" href="https://maps.app.goo.gl/FqseDYG9Lf28pCWm9"></a>
             </p>
             <p>Cocktails and Reception to Follow</p>
         </div>
         <hr>
         <div class="text">
+            Please RSVP by March 13, 2024
             <p data-size="small"><a data-style="cta" href="https://docs.google.com/forms/d/1f-oG7DJJHyeZLK6e5EsSb9hc5JajeyU9JJ9Alv7Mc0w/edit" target="_blank">RSVP</a></p>
         </div>
-        <div class="text"><a href="assets/event.ics">Add to Calendar</a></div>
+        <div class="text" data-font="sans"><a data-style="cta" class="bi bi-calendar" href="assets/event.ics"> Add to calendar</a></div>
             <hr>
         <footer class="initials">
             <h1 data-size="large" data-font="script">T+M</h1>