@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
:root {
  --white: #fff5f1;
  --red: #d90429;
  --black: #000000;

  --large: 3rem;
  --big: 2.6rem;
  --medium: 1.7rem;
  --small: 1.4rem;

  --bigWidth: 20rem;
  --bigHeight: 30rem;
}
#galleryLink {
  font-weight: 500;
}
#gallery {
  padding: 0 1rem 0 1rem;
}

#anchors {
  display: flex;
  justify-content: center;
}
#anchors a {
  color: var(--black);
}
#anchors button {
  margin: 0 0.5rem 0 0.5rem;
}
.photo {
  width: var(--bigWidth);
  height: var(--bigHeight);
  border-radius: 0.75rem;
  content-visibility: auto;
}
.video {
  width: var(--bigWidth);
  height: var(--bigHeight);

  border-radius: 0.75rem;
  margin: 0 1rem 1rem 0;

  object-fit: cover;
}
.photosRow {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}