@font-face {
  font-family: "Vogue";
  src: url("/static/fonts/Vogue.ttf");
}
@font-face {
  font-family: "Futura";
  src: url("/static/fonts/OPTIFutura Demibold It.ttf");
}
@font-face {
  font-family: "FuturaNit";
  src: url("/static/fonts/OPTIFuturaDemiBold.otf");
}
@font-face {
  font-family: "FuturaLight";
  src: url("/static/fonts/SansSerifFLF.otf");
}
@font-face {
  font-family: "FuturaIt";
  src: url("/static/fonts/Futura Medium Italic.otf");
}
.gallery {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10vh;
  padding: 50px 0;
}

.section-shop {
  background: url("/static/img/marble.jpg") center;
  background-size: cover;
  padding-top: 5vh;
}

.present-shop {
  margin: 0 3vw;
  font-family: "Futura";
  font-size: 50px;
  padding-bottom: 4vh;
}
.present-shop p {
  font-family: "Futura";
  font-size: 1.5vw;
  margin-bottom: 5px;
}
.present-shop a {
  text-decoration: underline;
  color: black;
}
.present-shop h1 {
  margin-top: 4vh;
  text-transform: uppercase;
  font-size: 100px;
  font-family: "FuturaNit";
  text-align: center;
}

.photo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  transition: ease-in-out 0.5s;
}

.photo img {
  transition: ease-in-out 0.5s;
  width: 90%;
  max-height: 72vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 20px;
}

.photo:hover {
  cursor: pointer;
}

.photo img:hover {
  transform: scale(1.05, 1.05);
}

.photo-title,
.photo-subtitle {
  text-align: center;
  font-family: "FuturaLight";
  font-size: 28px;
}

.photo-title {
  text-transform: uppercase;
  font-size: 40px;
  font-family: "FuturaNit";
}

.active-div {
  transform: scale(1.05, 1.05);
}

@media (max-width: 800px) {
  .photo h2 {
    font-size: 5.5vw;
  }
  .photo p {
    font-size: 3.8vw;
  }
  .present-shop p {
    font-size: 3.2vw;
  }
  .present-shop h1 {
    font-size: 60px;
  }
  .present-shop {
    padding-bottom: 0vh;
  }
  .gallery {
    gap: 7vh;
  }
}/*# sourceMappingURL=shop.css.map */