*{color:#fff;margin:0;font-family:monospace}body,html{height:100%}body{display:flex;flex-direction:column}main{background-color:#fff;height:calc(100% - 38px)}footer{background-color:#000;padding:10px;width:calc(100% - 20px)}footer>div{position:relative;width:100%;display:flex;justify-content:space-between}#copyright{left:50%;position:absolute;transform:translateX(-50%)}section{top:20px;right:20px;background:rgba(0,0,0,.8);position:absolute;z-index:999;padding:5px;display:flex;gap:5px}section>div{gap:5px}section div{width:100%;display:flex}section,section .step-time{align-items:center;flex-direction:column}button{cursor:pointer;border:0;background:0 0}button:hover{background-color:rgba(255,255,255,.1)}progress{width:100%;border:0;background-color:#a9a9a9}progress::-moz-progress-bar{background:gray}progress::-webkit-progress-bar{background-color:#a9a9a9}progress::-webkit-progress-value{background:gray}#pause,#play{flex:1;display:flex;justify-content:center}button>span{display:block;height:fit-content}a{color:#fff!important;text-decoration:underline dotted!important}a:hover{text-decoration:none!important}.leaflet-container{background:#222323!important}.leaflet-control-attribution{color:#fff!important;background:#000!important}