@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  div.more-gifts-info {
    @apply mr-16 flex justify-evenly;
    @apply my-0 lg:my-10 p-5 lg:p-10;

    p {
      @apply mr-5 w-1/2 text-slate-200 font-bold items-center text-center uppercase italic my-auto;
      @apply text-xl md:text-2xl lg:text-5xl;
    }

    p span {
      @apply text-red-200;
    }

    svg.share-us {
      @apply text-slate-200 font-bold;
      @apply w-32 md:w-48 lg:w-96 h-32 md:h-48 lg:h-96;
    }
  }

  div.landing-banner-wrapper {
    @apply relative h-64 overflow-hidden md:h-full rounded-md;;

    img {
      @apply block w-full h-full object-cover;
    }

    div.landing-banner-content {
      @apply absolute block w-full -translate-y-1/2 top-1/2 left-0;
      @apply flex flex-col items-center;
      @apply bg-slate-800 opacity-75 p-20;
    }

    p.landing-banner-title {
      @apply text-center text-5xl font-semibold text-white mb-12;
    }

    div.landing-banner-content a {
      @apply inline-block w-64;
      @apply text-center text-xl font-semibold text-red-500 p-4;
      @apply border border-red-500 border-dashed rounded cursor-pointer;
    }
  }
}

/*# sourceMappingURL=application/index.css-4b786881e3284319fd5c48a6a82e98db2abf5a0509df890834c14f5a80bf6625.map */