@media (max-aspect-ratio:1420/970){#stationlist{width:100%;font-size:3.6vw;top:11.5vh}#weatherbox{width:60vw;height:33vh;top:16.5vh}#weatherbox>*{height:16.5vh;width:16.5vh}#weatherbox .summary{font-size:2.6vh}#weatherbox .farenheit{font-size:5vh}#weatherbox .feels{font-size:1.8vh}#weatherbox .extra{font-size:1.8vh}#tidebox{right:0;top:16.5vh;height:11vh;width:40vw}#tidebox .info{top:2vh}#mapbox{right:0;top:27.5vh;height:22vh;width:40vw}#mapbox img{width:22vh;max-width:40vw}#mapbox a{height:1.2vh;width:1.2vh;margin:-.7vh}#cancon{height:48.5vh;top:49.5vh;left:0}}@media (min-aspect-ratio:870/970){#stationlist{font-size:3.2vh}}@media (min-aspect-ratio:1420/970){header{right:60.5vw;height:12vh}#advert{font-size:1.8vh;height:7vh}#motto{height:6vh;font-size:2.2vh}#stationlist{width:40vw;font-size:1.4vw;top:13vh}#weatherbox{width:40vw;height:27.5vh;top:17.5vh}#weatherbox>*{height:22vh;width:20vh}#weatherbox .summary{font-size:3vh}#weatherbox .farenheit{font-size:6vh}#weatherbox .feels{font-size:2.6vh}#weatherbox>.extra{font-size:2vh}#tidebox{left:0;top:45vh;height:52vh;width:15vw}#tidebox .info{top:10vh}#mapbox{left:15vw;top:45vh;height:52vh;width:25vw}#mapbox img{width:25vw}#mapbox a{height:2vh;width:2vh;margin:-1vh}#cancon{top:0;height:97vh;left:40vw}footer{font-size:2vh;top:97.5vh}}::-webkit-scrollbar{background:#eee}::-webkit-scrollbar-thumb{background:#ccc}#stationlist{position:absolute;left:0;height:5vh;font-weight:700;border:0;background:#eee}#weatherbox{position:absolute;background:#fefefe;left:0;flex-wrap:wrap;align-items:center;overflow-y:auto;overflow-x:hidden;display:none}#weatherbox::-webkit-scrollbar{width:1vh}#weatherbox>*{float:left;margin:0 auto}#weatherbox .icon{background-size:contain;background-position:center;background-repeat:no-repeat}#weatherbox .current{display:flex;align-items:center;justify-content:center}#weatherbox .current .alert{font-size:1.6vh;position:absolute;white-space:nowrap;margin-top:6px;color:#ff8c00;font-style:italic;cursor:help}#weatherbox .farenheit{font-weight:700}#weatherbox .extra{width:24.75vh;display:flex;align-items:center;justify-content:center}#weatherbox .extra>div{width:100%}#weatherbox .extra label{display:block;margin:.5vh}#weatherbox .extra label span{float:right;text-align:left;font-weight:700}#weatherbox .extra label.windSpeed{word-spacing:-1.5px}#tidebox{background:#afd8e9 url(images/tideboxsand.png) bottom repeat-x;background-size:contain;position:absolute;display:none}#tidebox .water{position:absolute;background-color:#66c7e6;left:0;right:0;bottom:0;opacity:.6}#tidebox .water::before{content:'';background:url(images/tideboxocean.png);background-size:auto 1.8vh;position:absolute;top:-1.6vh;left:0;right:0;height:1.8vh}#tidebox .info{color:#000;font-weight:700;font-size:4vh;position:absolute;left:0;right:0;text-align:center;text-shadow:0 0 2px #fff}#tidebox .info::before{content:'Tide Level';font-size:1.8vh;display:block;font-weight:400}#tidebox .info img{opacity:.8;height:4vh}#mapbox{background:url(images/maptile.jpg) no-repeat center #eee;background-size:contain;position:absolute;right:0;display:flex;align-items:center;justify-content:center}#mapbox>div{position:relative;font-size:0}#mapbox a{position:absolute;background:#2196f3;border-radius:100%;cursor:pointer}#mapbox a.selected{background:#ff5722}#cancon{position:absolute;right:0;font-size:0;background:#eee;overflow-x:auto;text-align:center}#cancon::-webkit-scrollbar{height:1vh}#cancon>canvas{height:100%;background:#f9f9f9;margin:auto}#alertbg,#alertbox{pointer-events:none;opacity:0;transition:opacity .2s}#alertbg.show,#alertbox.show{pointer-events:all;opacity:1}#alertbg{background:#3336;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}#alertbox{background:#fff;padding:3vw;width:60vw;border:solid 2vw #ebbb02}