*{margin:0;padding:0;box-sizing:border-box}body{font-size:100%;font-family:'Titillium Web',sans-serif;color:#333}#info{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999999;background:rgba(50,50,50,0.2)}#info.hidden{display:none}#info .content{background:#fff;border-radius:4px;width:420px;height:400px;margin:0 auto;margin-top:60px;padding:20px;position:relative}#info .content #close-info{position:absolute;color:#c0c0c0;top:10px;right:10px}#info .content h3{text-align:center;border-bottom:1px solid #c0c0c0;padding-bottom:10px;margin-bottom:10px}#info .content ul{margin-left:20px;margin-top:10px;font-size:.9em}header{position:absolute;top:0;left:0;right:0;height:60px;background-color:#fff;background-repeat:no-repeat;background-position:50px 50%;background-size:50px;background-image:url('../img/logo.png');line-height:60px;font-size:1.5em;padding-left:120px}header h1{font-size:1.5rem;display:inline-block}header span{float:right;margin-right:60px}header span i{color:#808080;cursor:pointer;margin-left:20px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){header{background-image:url('../img/logo@2x.png')}}#container{position:absolute;top:60px;left:0;right:0;bottom:0}#map-container{height:50%;position:relative}#details{width:240px;position:absolute;top:20px;bottom:20px;right:20px;background:rgba(255,255,255,0.9);z-index:500;border-radius:4px;list-style:none;padding:1em;opacity:1;transition:opacity .2s ease-in}#details.hidden{opacity:0}#details li{border-top:1px solid #c0c0c0;height:30%;position:relative}#details li span{position:absolute;top:50%;transform:translateY(-50%)}#details li span:first-child{left:0}#details li span.value{right:0;font-size:1.5em}#details li i{height:40px;width:40px;margin-right:10px;text-align:center;line-height:40px;border-radius:50%;color:#fff}#details li#details__speed i{background:#30aee5}#details li#details__elevation i{background:#a2c11c}#details li#details__temperature i{background:#e03e36}#details #details__time{text-transform:uppercase;text-align:center;height:30px;color:#808080;border:0;padding:0}#map{height:100%;width:100%}.chart{width:100%;height:16.67%}