Styling Markdown Card

Ich bin gerade am Verzweifeln beim Styling einer Markdown Card. Ich bekomme es einfach nicht hin und wäre für etwas Hilfe dankbar

type: markdown
content: |
  # H1 Überschrift
  ### H3 Überschrift
style:
  ha-markdown:
    $: |
      h1 {
        text-align: center;
        font-size: 20px;
      }
      h3 {
        text-align: center;
        font-size: 15px;
      }

Bei mir sieht es dann so aus:
image

Ich möchte ganz einfach den Text zentrieren und die Schriftgröße anpassen. Gern auch noch die Abstände anpassen. Kann mir jemand mal eine Tipp geben, wie ich weiter komme?

meinst du so ?

type: markdown
content: |
  # <font size=18px> <center> H1 Überschrift </font> </center>
  ### <center> H3 Überschrift

1 „Gefällt mir“