@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/sf_pro/SF-Pro-Display-Regular.otf") format("truetype");
}
@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: bold;
    src: url("/fonts/sf_pro/SF-Pro-Display-Bold.otf") format("truetype");
}
@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: lighter;
    src: url("/fonts/sf_pro/SF-Pro-Display-Light.otf") format("truetype");
}
body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

@keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes scale-in {
    0% {
      transform: scale(0.98);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes slide-up {
    0% {
      transform: translateY(10px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

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

  .animate-scale-in {
    animation: scale-in 0.6s ease-in-out;
  }

  .animate-slide-up {
    animation: slide-up 0.6s ease-in-out;
  }