h1 {
  @apply text-4xl py-4 font-normal;
}

h2 {
    @apply text-2xl py-1 font-normal;
}

.slide-up {
    position: absolute;
    opacity: 0;
    animation: slide-in 1s forwards;
}

@keyframes slide-in {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        position: static;
        transform: translateY(0);
        opacity: 1;
    }
}

.nav-link-active {
    @apply bg-gray-400 bg-opacity-25 text-white
}

p {
    @apply py-2
}
a {
    @apply underline;
}

.markdown ul {
    @apply py-4;
}
.markdown ul li {
    @apply list-disc list-inside pl-4 py-2;
}

.markdown ul li p {
    display: initial;
  }


#navbar.scrolled {
  background-color: rgb(3 7 18 / var(--tw-bg-opacity));
  --tw-bg-opacity: .9;
}