Font and card size help please

Hello everyone.

I need some help with styles in HA.
It is a grid card that contains a “mushroom title card” and a “weather forecast card”

Currently I have this code:

square: false
columns: 2
type: grid
cards:
  - type: custom:mushroom-title-card
    title: |
      {% set time = now().hour %}
      {% if (time >= 18) %}
        Good Evening, {{user}}!
      {% elif (time >= 12) %}
        Good Afternoon, {{user}}!
      {% elif (time >= 5) %}
        Good Morning, {{user}}!
      {% else %}
        Hello, {{user}}!
      {% endif %}
    subtitle: ''
    alignment: center
  - show_current: true
    show_forecast: false
    type: weather-forecast
    entity: weather.mycasa_abq
    theme: ING Dark

In the editor I see this:

When done editing and looking at the desktop, I see this:

What I would like change are two things:

Have the text look like it does in the edit mode:

Good Afternoon,
        Dennis!
  1. Decrease the size of the weather card. That would make that card smaller and then increase the font size of the text in the mushroom card.

Would someone be able to point me in the right direction please?

Thanks

Use the alignment feature (in your case: alignment: center ).
EDIT: Since you are using it already, simply add a line break.

To adjust the font size of the Mushroom Title Card see here: Mushroom Cards - Build a beautiful dashboard easily 🍄 - #811 by pedolsky