.root{background-color:#000;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);grid-template-areas:"tmp dt dt dt car""hum tm tm tm alg""prs tm tm tm co2""evt evt evt evt evt""fc fc fc fc fc";width:800px;height:480px;display:grid}body{color:#fff;background-color:#222;margin:0;font-family:Verdana,Geneva,sans-serif}.root>div{text-align:center;align-self:center}.smallbox{font-size:42px}.label{text-transform:uppercase;font-size:12px}.units{color:gray;font-size:12px}.datediv{grid-area:dt;font-size:32px}.tempdiv{grid-area:tmp}.humiditydiv{grid-area:hum}.timediv{grid-area:tm;padding-bottom:40px}.time{font-size:128px}.dinner{white-space:nowrap;text-overflow:ellipsis;font-size:32px;font-style:italic;overflow:hidden}#battery_txt{grid-area:car}#allergens_txt{grid-area:alg}#pressure_txt{grid-area:prs}#co2_txt{grid-area:co2}#errors_txt{color:red;grid-area:err}#forecast{grid-area:fc;justify-content:space-around;display:flex}#events{grid-area:evt;height:96px;overflow:hidden}.event{width:156px;height:96px;padding:2px;display:inline-block;overflow:hidden}.eventRange{font-size:14px}.eventTitle{color:#aaa;padding-top:4px;font-size:12px}button{font-size:128px}