From 66deb3bd89b5d71789214574b8e757279f42a3c6 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Fri, 3 Jan 2025 07:02:14 -0500
Subject: [PATCH] add and style content on loveletter.php

---
 loveletter.php  | 11 +++++++----
 style/style.css | 22 +++++++++++++++++++++-
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/loveletter.php b/loveletter.php
index b789307..73f8bf3 100644
--- a/loveletter.php
+++ b/loveletter.php
@@ -60,11 +60,14 @@
         </div>
       </section>
       <section class="love-you">
-        <div class="love-you-baxter">
-          <h2>Love you Baxter!</h2>
-          <img src="img/cat.webp" alt="My cat baxter laying in bed looking at the camera.">
+        <span>
+          <img src="./img/red_heart_flat.svg" height="80px" width="80px">
+          <img src="./img/black_cat_flat.svg" height="80px" width="80px">
+          <p>Love you Baxter!</p>
+          <img src="./img/black_cat_flat.svg" height="80px" width="80px">
+          <img src="./img/red_heart_flat.svg" height="80px" width="80px">
+        </span>
           <a href="#top">Top of page</a>
-        </div>
       </section>
     </main>
   </body>
diff --git a/style/style.css b/style/style.css
index 857ad03..1815f41 100644
--- a/style/style.css
+++ b/style/style.css
@@ -124,6 +124,27 @@ main {
 	gap: 1rem;
 }
 
+.love-you span {
+	display: flex;
+	justify-content: center;
+}	
+
+.love-you p {
+	font-size: 5rem;
+	padding: 0 1rem 0 1rem;
+}
+
+.love-you a {
+	display: block;
+	font-size: 1.5rem;
+	text-align: center;
+	padding: 1rem;
+}
+
+a {
+	text-decoration: none;
+}
+
 header {
 	width: 100%;
 	height: auto;
@@ -153,7 +174,6 @@ header p:not(:first-child) {
 
 header a {
 	font-size: 1.25rem;
-	text-decoration: none;
 	font-weight: bold;
 }