Font sizing with weather forecast card

Hello!

How can I remove some of the header space shown here?
Additionally, how can I increase this row of numbers to be the same size, or close?
image

This is what I have currently:

show_current: false
show_forecast: true
type: weather-forecast
entity: weather.home_2
forecast_type: daily
card_mod:
  style: |
    ha-card {
        border-radius: 1px;
      background-color: transparent;
       border: 0px;
       box-shadow: none;
         font-size: 20pt;
        font-weight: bold
    }
        font-size: 20pt;
        font-weight: bold
      
        

      }
      ha-card div.forecast div.temp {
        font-size: 55pt;
      }
           ha-card div.forecast div.forecast-image-icon svg {
        --mdc-icon-size: 70px;
        width: 70px;
        height: 70px
      }