body{background:#111;font-family:'Titillium Web',sans-serif;color:#333;text-align:center;margin:0;padding:0;overflow:hidden}header>h1{font-family:'Titillium Web',sans-serif;color:#eee;text-align:center;font-size:50px;font-weight:400;margin:20px}p.description{color:#ddd}p.description a,p.description a:link,p.description a:visited{color:#55acee}.webgl #map{margin:5px auto 0}.webgl #map.hidden{visibility:hidden}.container{padding:0;position:relative;margin:auto}.selector{position:absolute;background:rgba(255,255,100,.1);border:2px dashed #555;-webkit-transition:opacity 500ms;transition:opacity 500ms;pointer-events:none}.selector.hidden{opacity:0}#timeline nav{margin:0;padding:0}#timeline ul{margin:0 auto;padding:0;width:80%;text-align:center}#timeline li{cursor:pointer;display:inline-block;width:7%;height:65px;border:1px solid #111;margin:0}#timeline li.loaded .marker{background:#55acee}#timeline li.loaded .menu-text{color:#eee}#timeline li.selected .menu-text{color:#ff5;text-shadow:0 0 7px #550}#timeline li .marker{height:5px;background:#333;-webkit-transition:background 1s;transition:background 1s}#timeline li .menu-text{font-size:.7em;color:#eee;white-space:nowrap;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(0,20px) rotate(30deg);transform:translate(0,20px) rotate(30deg);-webkit-transition:color 1s;transition:color 1s}#image-canvas{display:none}.legend{position:absolute;bottom:10px;right:10px;width:350px}@media (max-width:800px){.legend{display:none}}.legend #color-legend{height:12px;margin:5px auto;padding-bottom:4px;background:-webkit-linear-gradient(left,#1a12dd,#7fa7f8,#fff,#fefe56,#ff0914);background:linear-gradient(left,#1a12dd,#7fa7f8,#fff,#fefe56,#ff0914)}.legend #color-legend ul{background:0 0;color:#fff;margin:0;padding:0;width:100%}.legend #color-legend ul li{display:inline-block;width:33%;font-size:11px;position:relative;top:-6px}.legend #color-legend ul li:nth-child(2){color:#333}#nowebgl{color:red}#loading{text-align:center;color:#55acee}