body,html{height:100%;width:100%;margin:0}body{background-color:#2f323b;color:#949ba2;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;padding:0;border:1px solid #f7af3e}.allPage,body{box-sizing:border-box}.allPage{width:100%;height:100%;max-height:600px;display:flex;flex-direction:column;justify-content:space-around}.led-green{background-color:rgba(27,191,137,.5)}.led-green,.led-red{margin:5px 10px;width:20px;height:20px;border-radius:50%}.led-red{background-color:rgba(219,82,75,.5)}.led-yellow{background-color:rgba(247,175,62,.5)}.led-off,.led-yellow{margin:5px 10px;width:20px;height:20px;border-radius:50%}.led-off{background-color:#87898a}.cell{height:100%;background:linear-gradient(90deg,rgba(60,65,75,.5),rgba(75,80,90,.5));margin:1px;padding:2% 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:4px;min-height:120px;box-sizing:border-box;border:1px solid red}.yellow{color:#f7af3e;content:"C"}