@layer utilities {
  /* A set of reusable classes */

  .bg-editor {
    background-color: #282c34;
  }

  .text-editor {
    color: #abb2bf;
  }

  .font-editor {
    font-family: "JetBrains Mono", "Droid Sans Mono", "monospace";
    font-size: 14px;
  }

  .shadow-xl-center {
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.1),
      0 0 10px -5px rgba(0, 0, 0, 0.04);
  }

  .flip-horizontally {
    transform: scaleY(-1);
  }
}