code refactoring

adjust positioning of elements
adjust transparency of header and footer

cafe-events/valentines-day-25/style/style.css

@@ -1,5 +1,5 @@
 :root {
-    --header-footer-color: #BFD9C6AA;
+    --header-footer-color: #BFD9C6CC;
     --text-color-light-red: #E94E77;
 }
 
@@ -67,18 +67,13 @@ section {
     height: auto;
 }
 
-.note {
-    height: 25vh;
-    width: auto;    
-}
-
 .header-text {
     font-family: alwaysinmyheart;
     font-size: 3.5rem;
     color: var(--text-color-light-red);
 }
 
-.tile, .note, .baxter, .trans-pride-heart {
+.note {
     cursor: pointer;
 }
 
@@ -191,8 +186,15 @@ section {
 }
 
 .visitor-note {
-    margin: 1rem 2rem;
+    margin-right: 5rem
+}
+
+.note {
+    height: 30vh;
+    width: auto;
     position: relative;
+    top: 10%;
+    left: 18%;
     z-index: 1;
 }
 
@@ -200,11 +202,16 @@ section {
     font-size: 3rem;
     font-family: learning-curve-regular;
     position: absolute;
-    left: 25%;
-    top: 12%;
+    left: 5%;
+    top: 30%;
     z-index: 2;
 }
 
+.items {
+    display: flex;
+    flex-direction: column;
+}
+
 .trans-pride-heart {
     width: 200px;
     aspect-ratio: 1;