body,html{margin:0;padding:0}body,html{overflow:hidden;width:100vw;height:100vh;margin:0;padding:0;font-family:Mulish,sans-serif;color:rgba(210,210,210,.9);background:#0b0b0b}section,section>article,section>article>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;position:relative;z-index:1}section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh}section>article{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%}section>article>h1{margin:0;padding:2.6vw 0 6.6vw 0;background:-webkit-gradient(linear,left bottom,left top,from(#f7fFE000),to(#000));background:linear-gradient(0deg,#f7fFE000,#000);font-weight:700;font-size:7vw;position:absolute;left:0;top:0;z-index:2;display:block;width:100%;text-align:center}section>article>h1>span{font-size:5vw}section>article>div{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:3vw;color:#000}section>article>div.available{background-color:green}section>article>div.charging,section>article>div.occupied{background-color:red}section>article>div>span{text-align:center;display:inline-block;font-size:5vw}