.root{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows: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  ";background-color:#000;width:800px;height:480px}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;overflow:hidden;text-overflow:ellipsis;font-size:32px;font-style:italic}#battery_txt{grid-area:car}#allergens_txt{grid-area:alg}#pressure_txt{grid-area:prs}#co2_txt{grid-area:co2}#forecast{grid-area:fc;display:flex;justify-content:space-around}#events{grid-area:evt;overflow:hidden;height:96px}.event{display:inline-block;overflow:hidden;width:156px;height:96px;padding:2px}.eventRange{font-size:14px}.eventTitle{color:#aaa;padding-top:4px;font-size:12px}button{font-size:128px}