@font-face {
            font-family: 'Amazon Ember';
            src: url(./normal.woff2) format("woff2"), url(./normal.woff) format("woff")
        }

        @font-face {
            font-family: 'Amazon Ember';
            font-weight: 700;
            src: url(./bold.woff2) format("woff2"), url(./bold.woff) format("woff")
        }

        * {
            font-family: "Amazon Ember", Arial, sans-serif
        }


@keyframes fade-in-out {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}

.animate-fade-in-out {
  animation: fade-in-out 2.5s ease-in-out forwards;
}