CSS snippet for Obsidian to make my Longform projects look like a place I'd write in

example.png

longform.css

.longform {
  --background-primary: white;
  --background-primary-alt: white;
  --background-secondary: transparent;
  --background-secondary-alt: white;
  --text-selection: #aaa;
  --text-normal: black;
  --default-font: Baskerville;
}

.longform .CodeMirror {
  max-width: 600px !important;
}

.longform .markdown-source-view {
  font-size: 1.2rem;
  text-indent: 2rem;
}

.longform .suggestion-item.is-selected {
  background-color: var(--text-accent);
}

.longform-leaf {
  --background-primary: white;
  --background-primary-alt: white;
  --background-secondary: white;
  --background-secondary-alt: white;
  --text-selection: #aaa;
  --text-normal: black;
  --default-font: Baskerville;
  font-family: Baskerville;
  color: black;
}

.longform-leaf .CodeMirror {
  max-width: 600px !important;
}

.longform-leaf .markdown-source-view {
  font-size: 1.2rem;
  text-indent: 2rem;
}

.longform-leaf .suggestion-item.is-selected {
  background-color: var(--text-accent);
}

.longform-leaf .view-header {
  background-color: white;
}

I would export the compiled document using the same css/theme, how I could do? If I try to export the manuscript document in Obsidian it will use my current theme without indent, etc…

Than you in advance for your help.

What do you mean by export—as a pdf? That's a purely Obsidian question that I do not know the answer for off the top of my head.