.editor-container {
      /* margin-top: 50px; */
      /* width: 80%; */
      width: 70%;
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
    }

    /* Styling for the toolbar */
    .toolbar {
      background-color: #f1f1f1;
      padding: 10px;
      border-radius: 5px;
      display: flex;
      justify-content: flex-start;
      gap: 10px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .toolbar button {
      background-color: transparent;
      border: 1px solid #ccc;
      padding: 5px 10px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 3px;
    }

    .toolbar button:hover {
      background-color: #e0e0e0;
    }

    /* Styling for the editable area */
    .editor {
      border: 1px solid #ccc;
      padding: 15px;
      min-height: 300px;
      margin-top: 10px;
      border-radius: 5px;
      background-color: white;
    }

    .editor:empty:before {
      content: "Start typing here...";
      color: #888;
    }