body{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;font-family:sans-serif;overflow:hidden;position:fixed}@media (max-width:420px){body{font-size:14px}}#root{background-color:#1f1e1e}.axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.x.axis text{font-weight:100;stroke:#1f1e1e;fill:#1f1e1e;font-size:13px;opacity:.8}.y.axis path{stroke:transparent}.y.axis line{stroke:#fff;stroke-width:1}.y.axis text{font-weight:400;fill:#fff}.line{stroke:#00afe6;stroke-width:0px}.line-noaa{fill:#9a9a9a;stroke:#9a9a9a;stroke-width:3px}.line-max,.line-min{stroke:#fff;stroke-width:3px}.area{fill:#b0c4de}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:80px}.x.axis path{display:none}.x.axis line{stroke:hsla(0,0%,39.2%,.8);stroke-dasharray:5}.App-header{height:15vh;color:#fff}div.header,div.info{height:100%;display:flex;justify-content:center;align-items:center}div.info{width:100%}div.header img{width:30px;transform:rotate(180deg)}div.header h2{margin:0;align-self:center}h4{padding:0;margin:0}div.data{height:100%;border-bottom:1px solid #fff;display:flex;justify-content:space-around;align-items:center}.wave-data-bro-noaa{display:flex;padding-bottom:10px}.wave,.wind{display:flex;justify-content:space-between;align-items:center;position:relative}.wave .name{padding-right:5px}.wave.hsbro{color:#00afe6}.wave.hsbro,.wave.hsnoaa{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:6px 0 0 12px}.wave.hsnoaa{color:#9a9a9a}.dir span.sec{display:inline-block;width:22px}@media (max-width:420px){.dir span{width:14px}}.wave.dir{color:#fff}.wave.dir .wave-sec,.wave.dir h4{color:red}.svg{position:relative;width:50px;height:50px}span.dir{top:33%;right:39%}span.dir,span.dir-wind{position:absolute;font-size:8px;font-weight:900;width:10px;height:10px;display:flex;justify-content:center;align-items:center}span.dir-wind{top:45%;right:41%}.wave img{width:17px;position:absolute;bottom:34%;left:33.7%}.wind svg circle{stroke:#fff}.wind img{width:11px;position:absolute;bottom:56%;left:39%}.wave-size{display:flex;justify-content:space-around;align-items:center;min-width:75px}.wave-logo{display:block;text-indent:-9999px;font-size:0;width:33px;height:33px;background-image:url(https://broou.com/static/img/widget-sprites-sa0d4d457b2.png);background-position:-2015px 0;background-size:2556px 71px;margin:0 auto}circle.bigdir{stroke:#fff;stroke-width:4px;fill:transparent}circle.dir{stroke:#fff;stroke-width:3px;fill:#fff}.App-footer,.broou-ad{height:100%}.broou-ad img{width:100%;height:100%}
/*# sourceMappingURL=main.7002ff9d.chunk.css.map */