body {

}

h2,h3 {
font-size: 18px;
font-family: 'Righteous', cursive;
letter-spacing: 2px;
text-align: center;
margin-bottom: 5px;
}

#container {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.3fr 1.5fr 0.5fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
}

.hlavni { grid-area: 1 / 1 / 3 / 2; }

#telo {  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "teplota_vnitrni teplota_bojler"
    "ven_teplota_dht ven_vlhkost_dht"
    "ven_teplota_bmp ven_tlak_bmp";
  grid-area: 2 / 1 / 3 / 2;
}

.teplota_vnitrni { grid-area: teplota_vnitrni; }

.teplota_bojler { grid-area: teplota_bojler; }

.ven_teplota_dht { grid-area: ven_teplota_dht; }

.ven_teplota_bmp { grid-area: ven_teplota_bmp; }

.ven_vlhkost_dht { grid-area: ven_vlhkost_dht; }

.ven_tlak_bmp { grid-area: ven_tlak_bmp; }

.patka { grid-area: 3 / 1 / 4 / 2; }



#date-time{
    color: #ff4747;
    font-size: 18px;
	 font-family: 'Righteous', cursive;
    letter-spacing: 7px;
    text-align: center;
    padding-top: 20px;
}

.vysledek{
    color: #ff4747;
    font-size: 20px;
	 font-family: 'Righteous', cursive;
    letter-spacing: 2px;
    text-align: center;
}