/* Pictures */
.marquee {
  overflow: hidden;
  width: 100%;
  padding: 2rem 0;
}

.track {
  display: flex;
  gap: 2rem;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.track img {
  height: 250px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 12px;
}

/* keyframes */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

body {
    font-family: 'chapbook', Courier, monospace;
}

#body-text-bg {
    position: relative;
    isolation: isolate;
}

#body-text-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    background-image: url('../img/hearts2.png');
    background-size: 100rem 80rem;
    background-repeat: repeat;
    background-position: top left;

    filter: blur(3px);
    transform: scale(1.1);
    z-index: 0;
}

#body-text-bg > * { position: relative; z-index: 1; }

/* Love Letter <3 */
.love-letter {
    background-color: black;
    color: white;
    margin: 0 5vw 5vw 5vw;
    padding: 5vw;
    font-size: 3vh;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sign {
    font-family: 'signature', Courier, monospace;
    font-size: 5rem;
}