body,html{position:fixed;top:0;bottom:0;left:0;right:0}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;font-family:sans-serif}.weather-dash{color:#fff;background-color:#000;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:280px 1fr;grid-template-areas:"clock clock weather weather hourly hourly" "forecast forecast forecast map map map";position:absolute;width:100%;height:100%}.clock-widget{grid-area:clock;display:flex}.clock-widget,.clock-widget .clock{align-items:center;justify-content:center;height:280px}.clock-widget .clock{padding:0 10px 0 0;margin:0;width:280px;display:inline-flex}.clock-widget time{font-size:100px;position:absolute}.clock-widget .second-tick{display:inline-block;width:3px;height:8px;border-radius:1.5px;background:#fff;opacity:.3;transition:opacity .2s ease;position:absolute}.clock-widget .second-tick:first-child{transform:rotate(0deg) translateY(-132px)}.clock-widget .second-tick:nth-child(2){transform:rotate(6deg) translateY(-132px)}.clock-widget .second-tick:nth-child(3){transform:rotate(12deg) translateY(-132px)}.clock-widget .second-tick:nth-child(4){transform:rotate(18deg) translateY(-132px)}.clock-widget .second-tick:nth-child(5){transform:rotate(24deg) translateY(-132px)}.clock-widget .second-tick:nth-child(6){transform:rotate(30deg) translateY(-132px)}.clock-widget .second-tick:nth-child(7){transform:rotate(36deg) translateY(-132px)}.clock-widget .second-tick:nth-child(8){transform:rotate(42deg) translateY(-132px)}.clock-widget .second-tick:nth-child(9){transform:rotate(48deg) translateY(-132px)}.clock-widget .second-tick:nth-child(10){transform:rotate(54deg) translateY(-132px)}.clock-widget .second-tick:nth-child(11){transform:rotate(60deg) translateY(-132px)}.clock-widget .second-tick:nth-child(12){transform:rotate(66deg) translateY(-132px)}.clock-widget .second-tick:nth-child(13){transform:rotate(72deg) translateY(-132px)}.clock-widget .second-tick:nth-child(14){transform:rotate(78deg) translateY(-132px)}.clock-widget .second-tick:nth-child(15){transform:rotate(84deg) translateY(-132px)}.clock-widget .second-tick:nth-child(16){transform:rotate(90deg) translateY(-132px)}.clock-widget .second-tick:nth-child(17){transform:rotate(96deg) translateY(-132px)}.clock-widget .second-tick:nth-child(18){transform:rotate(102deg) translateY(-132px)}.clock-widget .second-tick:nth-child(19){transform:rotate(108deg) translateY(-132px)}.clock-widget .second-tick:nth-child(20){transform:rotate(114deg) translateY(-132px)}.clock-widget .second-tick:nth-child(21){transform:rotate(120deg) translateY(-132px)}.clock-widget .second-tick:nth-child(22){transform:rotate(126deg) translateY(-132px)}.clock-widget .second-tick:nth-child(23){transform:rotate(132deg) translateY(-132px)}.clock-widget .second-tick:nth-child(24){transform:rotate(138deg) translateY(-132px)}.clock-widget .second-tick:nth-child(25){transform:rotate(144deg) translateY(-132px)}.clock-widget .second-tick:nth-child(26){transform:rotate(150deg) translateY(-132px)}.clock-widget .second-tick:nth-child(27){transform:rotate(156deg) translateY(-132px)}.clock-widget .second-tick:nth-child(28){transform:rotate(162deg) translateY(-132px)}.clock-widget .second-tick:nth-child(29){transform:rotate(168deg) translateY(-132px)}.clock-widget .second-tick:nth-child(30){transform:rotate(174deg) translateY(-132px)}.clock-widget .second-tick:nth-child(31){transform:rotate(180deg) translateY(-132px)}.clock-widget .second-tick:nth-child(32){transform:rotate(186deg) translateY(-132px)}.clock-widget .second-tick:nth-child(33){transform:rotate(192deg) translateY(-132px)}.clock-widget .second-tick:nth-child(34){transform:rotate(198deg) translateY(-132px)}.clock-widget .second-tick:nth-child(35){transform:rotate(204deg) translateY(-132px)}.clock-widget .second-tick:nth-child(36){transform:rotate(210deg) translateY(-132px)}.clock-widget .second-tick:nth-child(37){transform:rotate(216deg) translateY(-132px)}.clock-widget .second-tick:nth-child(38){transform:rotate(222deg) translateY(-132px)}.clock-widget .second-tick:nth-child(39){transform:rotate(228deg) translateY(-132px)}.clock-widget .second-tick:nth-child(40){transform:rotate(234deg) translateY(-132px)}.clock-widget .second-tick:nth-child(41){transform:rotate(240deg) translateY(-132px)}.clock-widget .second-tick:nth-child(42){transform:rotate(246deg) translateY(-132px)}.clock-widget .second-tick:nth-child(43){transform:rotate(252deg) translateY(-132px)}.clock-widget .second-tick:nth-child(44){transform:rotate(258deg) translateY(-132px)}.clock-widget .second-tick:nth-child(45){transform:rotate(264deg) translateY(-132px)}.clock-widget .second-tick:nth-child(46){transform:rotate(270deg) translateY(-132px)}.clock-widget .second-tick:nth-child(47){transform:rotate(276deg) translateY(-132px)}.clock-widget .second-tick:nth-child(48){transform:rotate(282deg) translateY(-132px)}.clock-widget .second-tick:nth-child(49){transform:rotate(288deg) translateY(-132px)}.clock-widget .second-tick:nth-child(50){transform:rotate(294deg) translateY(-132px)}.clock-widget .second-tick:nth-child(51){transform:rotate(300deg) translateY(-132px)}.clock-widget .second-tick:nth-child(52){transform:rotate(306deg) translateY(-132px)}.clock-widget .second-tick:nth-child(53){transform:rotate(312deg) translateY(-132px)}.clock-widget .second-tick:nth-child(54){transform:rotate(318deg) translateY(-132px)}.clock-widget .second-tick:nth-child(55){transform:rotate(324deg) translateY(-132px)}.clock-widget .second-tick:nth-child(56){transform:rotate(330deg) translateY(-132px)}.clock-widget .second-tick:nth-child(57){transform:rotate(336deg) translateY(-132px)}.clock-widget .second-tick:nth-child(58){transform:rotate(342deg) translateY(-132px)}.clock-widget .second-tick:nth-child(59){transform:rotate(348deg) translateY(-132px)}.clock-widget .second-tick:nth-child(60){transform:rotate(354deg) translateY(-132px)}.clock-widget .second-tick.second-tick-illuminated{opacity:1}.weather-map-widget{grid-area:map}.weather-map-widget,.weather-map-widget .leaflet-container{width:100%;height:100%}.current-weather-widget{grid-area:weather;display:flex}.current-weather-widget .current-weather{flex-grow:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.current-weather-widget .current-weather .current-conditions{display:inline-flex;align-items:center;justify-content:center;font-size:36px}.current-weather-widget .current-weather .current-temp{font-size:100px}.current-weather-widget .current-weather .current-extra{font-size:28px;opacity:.3}.hourly-forecast-widget{grid-area:hourly;display:flex}.hourly-forecast-widget .hourly-forecast{flex-grow:1;display:flex;flex-direction:column}.hourly-forecast-widget .hourly-forecast .current-date{display:block;text-align:center;padding:4px 12px;font-size:60px}.hourly-forecast-widget .hourly-forecast ul.hourly-list{overflow:scroll;margin:0;padding:0}.hourly-forecast-widget .hourly-forecast ul.hourly-list li{display:flex;list-style:none;font-size:28px;padding:4px 12px;height:42px;align-items:center;justify-content:space-between}.hourly-forecast-widget .hourly-forecast ul.hourly-list li:not(:last-child){border-bottom:1px solid #333}.hourly-forecast-widget .hourly-forecast ul.hourly-list li .hourly-conditions{display:flex;align-items:center}.hourly-forecast-widget .hourly-forecast ul.hourly-list li .hourly-conditions-icon{height:2em}.hourly-forecast-widget .block-temp .temp{position:relative}.hourly-forecast-widget .block-temp .temp .deg{position:absolute}.weather-forecast-widget{grid-area:forecast;display:flex}.weather-forecast-widget .daily-forecast{flex-grow:1;display:flex;flex-direction:column;align-items:center}.weather-forecast-widget .daily-forecast:not(:last-child){border-right:1px solid #333}.weather-forecast-widget .daily-forecast .forecast-date{font-size:32px}.weather-forecast-widget .daily-forecast .forecast-weather{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-forecast-widget .daily-forecast .forecast-conditions{display:flex;align-items:center;flex-direction:column;margin:20px 0;font-size:14px}.weather-forecast-widget .daily-forecast .forecast-extra{opacity:.3}.weather-forecast-widget .daily-forecast .forecast-hi-lo-temp{font-size:20px}.weather-forecast-widget .daily-forecast .forecast-details{font-size:12px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2fb9a468.chunk.css.map */