@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);*{padding:0;margin:0;box-sizing:border-box}html,body{height:100%}body{overflow-x:hidden}img{max-width:100%}.row,.column{display:-ms-flexbox;display:flex}.column{-ms-flex-direction:column;flex-direction:column}.center{-ms-flex-pack:center;justify-content:center}.column-center{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.split{-ms-flex-pack:justify;justify-content:space-between}.split-center{-ms-flex-pack:distribute;justify-content:space-around}.right{-ms-flex-item-align:end;align-self:flex-end}.bottom{-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.logo{width:300px;margin:45px auto 45px;position:relative}@media screen and (max-width: 1086px){.logo{width:260px}}.logo .battery{position:absolute;top:-40px;right:-80px}.logo .battery .fa{margin:0 8px 5px 0;font-size:1.2rem}.logo .battery .fa.low{color:#ef4c23}.logo .battery #battery{height:30px;text-align:center;padding-top:3px;color:#231f20;font-size:1.3rem;display:inline-block}@media screen and (max-width: 1086px){.logo .battery #battery{right:-40px;font-size:1rem;padding-top:3px;width:50px;height:25px}}.logo .battery #battery.low{color:#ef4c23}.container{width:46%;min-width:350px;margin:0 auto}.Solar{padding-bottom:200px}.Solar__text{font-family:'Lato', sans-serif;margin-bottom:25px}.Solar__text-time{font-size:7rem;font-weight:900;color:#231f20}@media screen and (max-width: 1086px){.Solar__text-time{font-size:5rem}}.Solar__text-date{font-weight:300;font-size:2rem;letter-spacing:1px;text-align:right;color:#231f20}@media screen and (max-width: 1086px){.Solar__text-date{font-size:1.4rem}}.Solar__status{font-family:'Lato', sans-serif;margin-bottom:45px}.Solar__status h1{font-weight:300;font-size:4rem;color:#231f20}@media screen and (max-width: 1086px){.Solar__status h1{font-size:3.4rem}}.Solar__status-bar{width:100%;height:80px;border:2px solid #000}@media screen and (max-width: 1086px){.Solar__status-bar{height:60px}}.Solar__status-bar #indicator{width:0;height:100%;background:#92c959}.Solar__status-time{text-align:right;font-size:2.3rem;font-weight:300;color:#231f20}@media screen and (max-width: 1086px){.Solar__status-time{font-size:1.9rem}}.Solar__energy{font-family:'Lato', sans-serif}.Solar__energy-text{text-align:center;font-size:1.4rem;font-weight:300}.Solar__energy-tracking{font-size:4rem;font-weight:300;text-align:center;color:#231f20}@media screen and (max-width: 1086px){.Solar__energy-tracking{font-size:3.2rem}}
