@import"https://fonts.googleapis.com/icon?family=Material+Icons";body{margin:0;font-family:sans-serif}#map{height:100vh;width:100vw}header{position:fixed;top:0;left:0;width:calc(100vw - 40px);padding:20px;z-index:3;display:flex;flex-flow:row nowrap;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.562) 0%,rgba(0,0,0,0) 100%)}header .left{display:flex;align-items:center}header .left img{width:70px;margin-right:10px;border-radius:6px}header .left div{display:flex;flex-flow:column nowrap}header .left div .title{font-size:2.4rem;font-weight:700;color:#ffbc0f}header .left div .subtitle{font-size:1.2rem;color:#fff;font-style:italic}header .right{display:flex;flex-flow:column nowrap}header .right .opening{margin-bottom:5px;font-size:1.1rem;color:#e2e2e2}header .right .year{margin-left:auto;font-size:2.5rem;font-weight:700;color:#fff}header .credits{position:fixed;top:0;right:0;display:flex;flex-flow:column nowrap;align-items:center;background:rgba(138,195,255,.5607843137);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:0 0 0 20px}header .credits img{width:250px;margin-top:10px}header .credits .authors{margin-top:10px;max-width:350px;font-size:1.1rem}header .credits .semester{margin-top:10px;font-size:1.1rem;font-weight:600;color:#474747}header .credits .copyright{margin-top:5px;font-size:.9rem;color:#474747}footer{position:fixed;bottom:0;left:0;width:calc(100vw - 40px);height:50px;padding:20px;z-index:3;display:flex;align-items:flex-end;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.562) 0%,rgba(0,0,0,0) 100%)}footer .legend{margin-right:20px}footer .legend .title{font-size:1.8rem;font-weight:700;color:#fff;margin-right:20px;cursor:pointer}footer .legend .title i{font-size:1.8rem;font-weight:700}footer .legend .fields{margin-bottom:12px;background:rgb(33,2,2);padding:20px;border-radius:20px}footer .legend .fields .field{display:flex;align-items:center;margin-bottom:10px}footer .legend .fields .field .dash{width:30px;height:4px;border-radius:2px;background:#fff;margin-right:10px}footer .legend .fields .field .dash.boat{background:#0d47a1}footer .legend .fields .field .dash.plane{background:#f44336}footer .legend .fields .field .dash.car{background:#ffeb3b}footer .legend .fields .field .dash footer .legend .fields .field .dash.train{background:#9e9e9e}footer .legend .fields .field .square{width:30px;height:30px;border-radius:2px;background:#fff;margin-right:10px}footer .legend .fields .field .square.active{background:#ffd877}footer .legend .fields .field .square.former{background:#f44336}footer .legend .fields .field span{font-size:1.1rem;color:#e2e2e2}footer .nav{margin-right:20px;font-size:3rem;color:#fff;cursor:pointer}aside{position:fixed;bottom:0;left:0;background:rgba(73,73,73,.405);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #0000003a;border-radius:20px;max-width:400px;padding:22px;margin:30px;z-index:3}aside .title{font-size:1.8rem;font-weight:700;display:block;color:#fff;cursor:pointer}aside .title i{font-size:1.8rem;font-weight:700}aside p{font-size:1.2rem;margin:10px 0 0;color:#fff}aside img{margin:12px 0;width:300px}aside .description{display:block;font-size:1.1rem;color:#e3e3e3;font-style:italic}.mapboxgl-control-container{display:none}