submissions/mattcsmith.html

<!DOCTYPE html>
<html>
<style>
  body {
    background:
      url("https://myzoomwedding.com/wp-content/uploads/2020/04/photo-of-floral-arch-during-daytime-2788494-2-1020x600.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 !important;
  }

  section {
    background-color: rgba(0, 0, 0, 0.527);
    height: 100vh;
  }

  .title {
    text-align: center;
    padding: calc(50vh - 250px) 0;
    color: #fff;
  }

  .title h1 {
    font-size: 80px;
    letter-spacing: 8px;
    font-family: "Great Vibes", cursive;
    margin: 0;
  }

  .title h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    margin: 0 auto;
    /* margin-top: 13px; */
    /* padding: 5px 0; */

    color: rgb(219, 217, 217);
    width: fit-content;
    letter-spacing: 5px;
    padding-left: 5px;
    text-align: center;
    text-transform: uppercase;
  }

  .borders {
    width: fit-content;
    text-align: center;
    margin: 15px auto;
    border-top: 1px solid rgba(194, 191, 191, 0.411);
    border-bottom: 1px solid rgba(194, 191, 191, 0.411);
  }

  .updates {
    position: absolute;
    bottom: 0px;
    margin: 0;
    width: 100%;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.89);
    text-align: center;
    font-family: "Open Sans Condensed", sans-serif;
    color: #fff;
    color: rgb(219, 217, 217);
    letter-spacing: 3px;
  }
</style>

<body>
  <section>
    <div></div>
    <div class="title">
      <h1>Fred & Wilma</h1>
      <div class="borders">
        <h2>Are getting married in 2025</h2>
      </div>
    </div>
    <p class="updates">Check back soon for updates!</p>
  </section>

</body>

</html>