diff --git a/cafe-events/valentines-day-25/img/background.png b/cafe-events/valentines-day-25/img/background.png
index 8a4f179..f26f625 100644
Binary files a/cafe-events/valentines-day-25/img/background.png and b/cafe-events/valentines-day-25/img/background.png differ
diff --git a/cafe-events/valentines-day-25/img/notebook-paper.png b/cafe-events/valentines-day-25/img/notebook-paper.png
new file mode 100644
index 0000000..facb067
Binary files /dev/null and b/cafe-events/valentines-day-25/img/notebook-paper.png differ
diff --git a/cafe-events/valentines-day-25/img/pink-paper.jpg b/cafe-events/valentines-day-25/img/pink-paper.jpg
new file mode 100644
index 0000000..167ead0
Binary files /dev/null and b/cafe-events/valentines-day-25/img/pink-paper.jpg differ
diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html
index c829410..453c762 100644
--- a/cafe-events/valentines-day-25/index.html
+++ b/cafe-events/valentines-day-25/index.html
@@ -29,7 +29,6 @@
         <script src="./script/script.js" defer></script>
         <footer>
             <p>happy valentine's day!</p>
-            <p>credits</p>
         </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css
index 618c185..d83eb6c 100644
--- a/cafe-events/valentines-day-25/style/style.css
+++ b/cafe-events/valentines-day-25/style/style.css
@@ -1,3 +1,7 @@
+:root {
+    --header-footer-color: #BFD9C688;
+}
+
 *, *::before, *::after {
     margin: 0;
     padding: 0;
@@ -46,14 +50,14 @@ img {
 
 header {
     width: 100vw;
-    height: 10vh;
-    background: hotpink;
+    height: 8vh;
+    background: var(--header-footer-color);
 }
 
 footer {
     width: 100vw;
-    height: 10vh;
-    background: hotpink;
+    height: 8vh;
+    background: var(--header-footer-color)
 }
 
 .tile {