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

@layer base {
  .text-editor-content ol,
  .text-editor-content ul,
  .text-editor-content menu {
    list-style: revert;
    margin: revert;
    padding: revert;
  }

  .text-editor-content h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    color: initial;
  }

  .text-editor-content h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    color: initial;
  }

  .text-editor-content h3 {
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    color: initial;
  }

  .text-editor-content h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    color: initial;
  }

  .text-editor-content h5 {
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    color: initial;
  }

  .text-editor-content h6 {
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    color: initial;
  }

  .text-editor-content img {
    display: inline;
    max-width: none;
    height: auto;
  }
}