html {
  color-scheme: dark;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top, rgba(249, 115, 22, 0.08), transparent 30%),
    #09090b;
}

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

.animate-rise {
  animation: rise-in 0.35s ease-out;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}