body{font:16px 'Segoe UI',sans-serif;background-color:#b0c4de}button{cursor:pointer}.background{position:fixed;top:0;bottom:0;left:0;right:0;background:-webkit-linear-gradient(#b0c4de,#4682b4);background:-moz-linear-gradient(#b0c4de,#4682b4);background:-ms-webkit-linear-gradient(#b0c4de,#4682b4);background:linear-gradient(#b0c4de,#4682b4);z-index:-1}.panel{background-color:rgba(255,255,255,.6);padding:1em;border-radius:4px;overflow:auto}.nightsky{background-color:#000;background-image:url(images/night-sky.jpg);background-repeat:no-repeat}.daysky{background-color:#ff0;background-image:url(images/day-sky.jpg);background-repeat:no-repeat;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.top-wrapper{width:45em;margin:1em auto}.top-wrapper>div{min-height:5em}.top-wrapper #settings{overflow:hidden}.top-wrapper #settings>div{display:inline-block;vertical-align:top;margin-right:2em}.top-wrapper #settings input,.top-wrapper #settings select{font-size:1.2em}.top-wrapper #settings #dayOfMonth{width:3em}.top-wrapper #settings #latitude{width:4em}.top-wrapper #settings input[type=range]{width:13em;padding:0}.top-wrapper #settings .error{display:inline-block;margin-top:.25em;color:red;background-color:#fff;padding:2px;font-size:.8em}.top-wrapper #settings .error button{border:none;border-radius:4px;font-weight:bold}.top-wrapper #details{float:right;margin-left:1em;text-align:center}.top-wrapper #details .hours{font-size:2.5em}#app{font-size:1em}#app>footer{text-align:center}#app>.tracking{display:none}#graph{width:43em;margin:1em auto}#graph .bar-graph{display:inline-block;vertical-align:top;margin-right:.5em}#graph .bar-graph>div{width:4em;text-align:center}#graph .bar-graph .night{background-color:#202;color:#ff0}#graph .bar-graph .day{background-color:#ff0;color:#202}#graph canvas{display:inline-block;cursor:crosshair}