body {
  background: linear-gradient(to top, #361f45, #b44a6b, #ffc2d1);
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  padding: 0;
}

  
.love-accent {
  background: linear-gradient(to right, #ff9a9e, #fad0c4);
  height: 4px;
  width: 100%;
}



.photogallery_row {
  display: flex;
  gap: 1px; /* Optional spacing between images */
}

.photogallery_row img {
  width: 200px; /* Optional fixed width */
  height: auto;
  border-radius: 10px; /* Optional rounded corners */
  border: 3px solid rgb(255, 255, 255); /* Optional border */
}

.photogallery_single_container {
  display: flex;
  align-items: flex-start; /* Align items at the top */
  gap: 15px; /* Space between image and text */
}
.photogallery_single_container.right {
  flex-direction: row-reverse;
}

.photogallery_single.rotated {
  transform: rotate(-90deg);
  transform-origin: center center;
  display: block;
  width: 400px;
  height: auto;
}

/* Optional: prevent overflow */
.photogallery_single_container {
  overflow: hidden;
}

.photogallery_single {
  width: 400px;
  height: auto;
  border-radius: 10px;
  border: 3px solid rgb(255, 255, 255);
}

.photogallery_text {
  display: flex;
  flex-direction: column;
}


.photogallery_single.left {
  margin-right: auto;
}

.photogallery_single.right {
  margin-left: auto;
}
.photogallery_single.center {
  margin: 0 auto;
}

h1{
  color: white;
  font-size: 8rem;
  text-align: center;
  margin-top: 20px;
}
h2{
  color: white;
  font-size: 3rem;
  text-align: center;
  margin-top: 20px;
}
h3{
  color: white;
  font-size: 2rem;
  text-align: center;
  margin-top: 20px;
}
h4{
  color: white;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 20px;
}
p{
  color: white;
  font-size: 1.2rem;
  text-align: left;
}

.rotated-wrapper {
  float: left; /* or left */
  width: 300px;  /* container size BEFORE rotation */
  height: 300px; /* roughly matches rotated image's dimensions */
  margin-left: 40px; /* spacing between photo and text */
  margin-bottom: 10px;
  position: relative;
  overflow: visible;
}

.rotated-wrapper img {
  width: 300px;
  transform: rotate(-90deg);
  transform-origin: center center;
  display: block;
}

.duck-emoji {
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

.photo_text_row {
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* Align top of images with top of text */
  gap: 20px; /* spacing between image section and text section */
  margin: 30px 0;
  flex-wrap: wrap; /* allows wrapping on smaller screens */
}

.photo_text_row .photo_column {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.photo_text_row .photo_column img {
  width: 150px;
  height: auto;
  border-radius: 10px;
  border: 3px solid white;
}

.photo_text_row .text_column {
  flex: 1; /* take up remaining space */
  min-width: 250px;
}