:global .md-dark {
    body, &.md-body {
        @apply mx-auto text-white text-base leading-none;
    }
    h1, h2, h3, h4 {
        @apply font-normal;
    }
    p, ul, ol {
        @apply mb-2;
    }
    h1 {
        @apply text-4xl mt-12 mb-8;
    }
    h2 {
        @apply text-3xl mt-6 mb-6;
    }
    h3 {
        @apply text-2xl mt-6 mb-6;
    }
    h4 {
        @apply text-xl mt-6 mb-6;
    }
    h5 {
        @apply text-lg mt-6 mb-6;
    }
    a {
        @apply text-blue-400;
        
        &:hover {
          @apply text-blue-600 cursor-pointer;
        }
    }
    ul {
      @apply list-disc;  
    }
    ol {
      @apply list-decimal;
    }
    li {
        @apply leading-normal;
    }
    ul, ol {
        @apply pl-12;
    }
    p, ul, ol {
        @apply leading-normal;
    }
    code {
      @apply font-mono leading-normal text-sm bg-gray-800 rounded-sm p-1 text-blue-200;
    }
    pre {
        @apply rounded-sm border border-gray-400 bg-gray-900 p-4 whitespace-pre-wrap mb-4;

        code {
          @apply text-white rounded-none p-0;
          background-color: inherit;
        }
    }
    blockquote {
        @apply border-l-4 border-gray-300 pl-5 max-w-5xl;
    }
    
    blockquote p {  
        @apply text-gray-300;
    }
    hr {
        @apply m-0 mr-auto text-gray-100 w-full text-left;
    }
}