@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap');

h1, h2, h3, h4, h5 {
    @apply font-bold;
}

h1 {
    @apply text-4xl;
}

h2 {
    @apply text-2xl;
}

h3 {
    @apply text-lg;
}

hr {
    @apply border-gray-700 my-3;
}

.gatsby-highlight > pre, code.language-text {
    @apply bg-gray-800 rounded-none #{!important};
}

a {
    @apply underline text-blue-500;
}

p {
    @apply mb-2.5;
}

table {
    @apply table-auto;

    td, th {
	@apply px-2 py-1;
    }
}

ul.list-dash > li::before{
   content: "- "
}