@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

/* This is all you. */
body {
    background-color: #24272B;
    /*theme dark blue*/
}

p {
    @apply leading-[2] text-white text-lg;
}

h1,
h2,
h4 {
    @apply font-bold text-white;
   
}

h1 {
    @apply text-4xl;
}

h2 {
    @apply text-3xl relative mb-8;
}
h2::after {
    content: "";
    height:4px;
    width: 55px;
    background-color: #39BEFF;
    position: absolute;
    left: 0; 
    bottom: -1rem
}

h3 {
    @apply text-2xl mt-10 text-white;
}

ul {
    @apply p-5 list-disc;
}

ol {
    @apply p-5 list-decimal;
}