.green0,.green1,.green2,.red0,.red1,.red2{visibility:visible}#capacity,#energy{position:absolute;margin-left:115px}#winddir,#windspeed{position:absolute;margin-left:25px}#electro,#usage{position:absolute;margin-left:115px}#world,canvas{width:100%;height:100%}#credits,#world{position:absolute}#err{z-index:2}.controls{width:290px;height:260px;position:absolute;border:3px solid #aaf0d1;border-radius:3px;top:65%;left:15px}.loader{position:absolute;top:10%;left:20px;width:80px;height:122px;border:5px solid #f1f1f1;border-radius:8px;float:left}.loader:before{content:"";width:30px;height:15px;background-color:#f1f1f1;margin-top:-15px;margin-left:25px;border:0 solid #f1f1f1;position:absolute;border-top-left-radius:2px;border-top-right-radius:2px}.perc{border-radius:2px;border:1px solid hsla(0,0%,78%,.3);float:left;margin-top:2px;width:90%;height:16px;margin-left:3px}.red0{background-color:#ed1b1e}.red0,.red1{visibility:visible}.red1{background-color:#eb6726}.red2{background-color:#f1a51e}.green0,.red2{visibility:visible}.green0{background-color:#fec93b}.green1{background-color:#c1c554}.green1,.green2{visibility:visible}.green2{background-color:#97c03c}.controls .batteryStats div{font-family:Open Sans,sans-serif;color:#f7e1be;font-size:.7em;text-transform:uppercase;text-align:center;line-height:1.5;letter-spacing:1px}#energy{margin-top:40px}#capacity,#energy{position:absolute;margin-left:115px}#capacity{margin-top:60px}#windspeed{margin-top:170px}#winddir,#windspeed{position:absolute;margin-left:25px}#winddir{margin-top:190px}#electro{margin-top:80px}#electro,#usage{position:absolute;margin-left:115px}#usage{margin-top:100px}body{margin:0}@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);#world,canvas{width:100%;height:100%}#world{background:#cefaeb;overflow:hidden}#credits,#world{position:absolute}#credits{width:100%;margin:auto;bottom:0;margin-bottom:20px;font-family:Open Sans,sans-serif;color:#f7e1be;font-size:.7em;text-transform:uppercase;text-align:center;line-height:1.5;letter-spacing:2px}#credits div a{text-decoration:none;color:#dbc081}#credits div a:hover{color:#e5f442}#credits div{color:#dbf4e8}#err{position:absolute;top:25px;font-family:Open Sans,sans-serif;left:250px;color:#f99339;text-transform:uppercase;text-align:center;line-height:1.5;letter-spacing:2px;z-index:1}#energy{float:left}