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 {

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>