diff --git a/cafe-events/valentines-day-25/img/read.jpg b/cafe-events/valentines-day-25/img/read.jpg new file mode 100644 index 0000000..2f4f0b6 Binary files /dev/null and b/cafe-events/valentines-day-25/img/read.jpg differ diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html index a64121f..9cdf34c 100644 --- a/cafe-events/valentines-day-25/index.html +++ b/cafe-events/valentines-day-25/index.html @@ -9,11 +9,10 @@

For you, Emma

- +
-

Read!

- a piece of paper representing a note that needs to be clicked on to read + a piece of note paper that must be clicked on to read
diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css index 341f6fc..fc54e35 100644 --- a/cafe-events/valentines-day-25/style/style.css +++ b/cafe-events/valentines-day-25/style/style.css @@ -181,38 +181,29 @@ section { z-index: 2; } -.note, .read-this { - cursor: pointer; -} - .visitor-note { - margin-right: 5rem -} - -.note { - height: 30vh; - width: auto; - position: relative; - top: 10%; - left: 18%; - z-index: 1; + margin: 0 3rem; + margin-top: 3rem; } .read-this { - font-size: 3rem; - font-family: learning-curve-regular; - position: absolute; - left: 5%; - top: 30%; - z-index: 2; + cursor: pointer; + height: 250px; + width: auto; } .items { + margin-top: 3rem; display: flex; flex-direction: column; gap: 4rem; } +.baxter { + width: 300px; + height: auto; +} + .trans-pride-heart { width: 200px; aspect-ratio: 1; @@ -225,9 +216,4 @@ section { position: relative; left: 15%; transform: rotate(-15deg); -} - -.baxter { - width: 300px; - height: auto; } \ No newline at end of file