diff --git a/cafe-events/valentines-day-25/img/background.png b/cafe-events/valentines-day-25/img/background.png
new file mode 100644
index 0000000..8a4f179
Binary files /dev/null and b/cafe-events/valentines-day-25/img/background.png differ
diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html
index 4bf8bbc..b47e349 100644
--- a/cafe-events/valentines-day-25/index.html
+++ b/cafe-events/valentines-day-25/index.html
@@ -8,10 +8,15 @@
     </head>
 
     <body>
+        <header>for you, emma &lt;3</header>
         <div class="container">
             <div class="cupcakes"></div>
             <img src="./img/sweets.jpg" alt="a box of chocolate cupcakes">
         </div>
         <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 2e7d117..d0dc437 100644
--- a/cafe-events/valentines-day-25/style/style.css
+++ b/cafe-events/valentines-day-25/style/style.css
@@ -11,8 +11,10 @@ html {
 body {
     height: 100vh;
     width: auto;
+    background-image: url("/img/background.png");
     display: flex;
-    justify-content: center;
+    flex-direction: column;
+    justify-content: space-between;
     align-items: center;
 }
 
@@ -41,3 +43,15 @@ img {
     width: auto;
     object-fit: contain;
 }
+
+header {
+    width: 100vw;
+    height: 10vh;
+    background: hotpink;
+}
+
+footer {
+    width: 100vw;
+    height: 10vh;
+    background: hotpink;
+}
\ No newline at end of file
