body {
  height: 100%;
  margin: 0;
  background: radial-gradient(
    circle at 70% 20%,
    rgba(80, 255, 120, 0.2) 0%,
    rgba(0, 255, 100, 0.08) 20%,
    #1a1a1a 60%
  );
  background-color: #1a1a1a;
}

@font-face {
  font-family: "Nerd Font";
  src: url("../font/ProggyCleanCENerdFontMono-Regular.ttf");
}

* {
  font-family: "Nerd Font", monospace;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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