@keyframes fadeIn {
  from {
    opacity: 0;
    filter: blur(3px);
  }
  to {
    opacity: 1;
    filter: blur(0px);
  }
}
body {
  gap: 3.5rem;
}

main {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-flow: column nowrap;
  gap: 4rem;
}
main section {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 3rem;
  opacity: 0;
}
main section.animation {
  animation: fadeIn 0.6s ease forwards;
}
main section:nth-child(even) .photo-frame {
  rotate: -5deg;
}
main section:nth-child(odd) .photo-frame {
  rotate: 5deg;
}
main section .text-wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 1.25rem;
  width: 100%;
}
main section .button {
  width: -moz-fit-content;
  width: fit-content;
  align-self: end;
}

.modal__content {
  padding-bottom: 1.75rem;
}

@media screen and (min-width: 954px) {
  main {
    max-width: 1100px;
    padding: 0 2rem;
    gap: 6rem;
  }
  main section {
    gap: 5rem;
    flex-flow: row-reverse nowrap;
  }
  main section:nth-child(even) {
    flex-flow: row nowrap;
  }
  main section .photo-frame {
    width: 360px;
  }
  main section .text-wrapper {
    gap: 1.5rem;
  }
}/*# sourceMappingURL=reviews.css.map */