*{margin:0;padding:0;box-sizing:border-box}
@font-face{font-family:ISONIAN;src:url(ISONIAN.eot);src:url(ISONIAN.eot?#iefix) format('embedded-opentype'),url(ISONIAN.woff) format('woff'),url(ISONIAN.ttf) format('truetype'),url(ISONIAN.svg#isonregular) format('svg')}
@font-face{font-family:REPENT;src:url(REPENT.TTF) format('truetype')}
body{background:#000;font-family:'FreeSans','FreeSans Bold',Arial,sans-serif;font-weight:bold;color:#ff0000;text-transform:uppercase;letter-spacing:.5px;min-height:100vh;padding:60px 1rem 4rem 1rem}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:url(BOSTONBACKGROUND.JPG) no-repeat center center/cover;opacity:1;pointer-events:none;z-index:-2}
a{color:#ff0000;text-decoration:none}
a:hover{background:#ff0000;color:#000;text-decoration:underline;font-family:ISONIAN}

.CENTERCOL{max-width:1400px;margin:0 auto;padding:0 1rem; position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:0 1rem;position:relative;z-index:10 }
.BIGTITLE{font-size:10rem;line-height:.95;text-align:center;color:#000;background:#ff0000;border:4px solid #ff0000;padding:.5rem 1.5rem;margin:0 auto .5rem auto;display:table}
.SUBTITLE{display:table;margin:0 auto 1rem auto;line-height:1;font-size:clamp(1.5rem,4vw,3rem);color:#fff;background:#000;text-align:center;padding:0 1rem}
.MPOPHOLDER{background-color:#b3b3b3;color:#000;font-size:28px;text-align:center;border:3px double red;margin-bottom:10px}

.SCOPETITLE{text-align:center;margin-top:2rem;font-size:3rem;color:#fff; background:rgba(0,0,0,0.3); }
.SCOPETITLE a{color:#fff;text-decoration:none}
.SCOPETITLE a:hover{color:#fff;background:none;text-decoration:underline;font-family:ISONIAN}
.SCOPELYR{font-size:2rem !important;}

#TEMPSCOPE,#POPSCOPE,#DANKSCOPE,#WINDSCOPE{width:100%;height:230px;background:rgba(0,0,0,0.8);cursor:pointer}
a.SCOPELINK{display:block;cursor:pointer}
#LATEST_UTUB{width:100%;max-width:900px;margin:0 auto;margin-bottom:2rem}

.STATGRID{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2rem}
.STATGRID > .STATBOX{flex:1 1 calc(25% - 10px);min-width:140px}
.STATGRID > .STATBOX.LONGBOX{flex:1 1 calc(50% - 10px)}
.STATBOX{background:#000;border:4px solid #ff0000;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:190px}
.STATBOX:hover{background:#1a0000}
.STATBOX, .STATBOX *{font-family:'FreeSans','FreeSans Bold',Arial,sans-serif}
.STATBOX .STATVALUE{font-size:4.5rem;line-height:1.1;color:#fff;background:#000;margin-top:auto;margin-bottom:auto}
.STATBOX .STATLABEL{font-size:1.8rem;color:#000;background:#ff0000;padding:2px 6px;margin-top:auto}
.STATBOX .STATEXTRA{font-size:2.2rem;color:#ff0000;background:#000;margin-top:5px}
.STATBOX img{display:inline-block;margin:0}
.STATBOX sup{font-size:.5em}
.STATBOX #ZEROSUNRISE,.STATBOX #ZEROSUNSET{font-size:3rem}
.STATBOX #ZEROMINMAX,.STATBOX #ZEROPOP{font-size:2.6rem;word-break:break-word}
.STATBOX #CURRBLOBSNOW{font-size:2.2rem;word-break:break-word}
.STATBOX #ZEROICON img{height:90px;width:auto}

.CHARTROW{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.CHARTROW > div{flex:1 1 calc(50% - 1rem);min-width:300px}

#HUBHISTGO:hover{background:#000;color:#ff0000;border:2px solid #ff0000}

.ZEROINTRO{overflow:hidden;background:red;color:#fff;padding:1rem;text-align:center;margin-bottom:2rem;font-size:3rem}
#ZERODAY{background:#000;color:#fff;padding:1rem;margin-bottom:2rem}
.ALERTS a{color:#000}
.EVENTALERT{animation:glowing 1s infinite;text-align:left;font-size:32px;background:red;margin-bottom:10px;z-index:20;border:5px solid #000}
.ALERTDESCTYPE{background:red;color:#000;font-size:48px;text-align:center;animation:glow 1s infinite}
.ALERTTIMES{background:#fff;color:#000;font-size:26px;text-align:center}
.ALERTLOCATION{background:#b3b3b3;color:#000;font-size:28px;text-align:center}
.ALERTDESC{padding:5px;background:red;color:#000;font-size:24px}

#SEVENDAY{overflow:hidden;padding:1rem}
.SEVENDAY{overflow:hidden;margin-top:20px;margin-bottom:20px;display:inline-block;text-align:center;vertical-align:middle;float:none;margin-left:20px;background:#00f;color:#fff;border:10px solid #000;min-width:240px;padding:10px}
.SEVENDAY:nth-of-type(odd) .SDAYNAME{background:#ff00ff;color:#000}
.SEVENDAY:nth-of-type(even) .SDAYNAME{background:#00ffff;color:#000}
.SEVENDAY:nth-of-type(odd) .SMAXTEMP{border-color:#ff00ff}
.SEVENDAY:nth-of-type(even) .SMAXTEMP{border-color:#00ffff}
.SEVENDAY:nth-of-type(odd){border-color:#ff00ff}
.SEVENDAY:nth-of-type(even){border-color:#00ffff}

.SEVENDAY > div:nth-child(1){background:#ff0000;color:#000}
.SEVENDAY > div:nth-child(2){background:#b3b3b3;color:#000}
.SEVENDAY > div:nth-child(3){background:#00f;color:#fff}
.SEVENDAY > div:nth-child(4){background:#ff00ff;color:#000}
.SEVENDAY > div:nth-child(5){background:#000000;color:#fff}
.SEVENDAY > div:nth-child(6){background:#fff;color:#000}
.SEVENDAY > div:nth-child(7){background:#ffd700;color:#000}
.SEVENDAY > div:nth-child(8){background:#000;color:#fff;border:3px solid #fff}

div[id^="SDAYNAME"]{background:red;color:#000;font-size:2rem;font-style:italic;border:3px double #000;margin-bottom:10px}
div[id^="SDATE"]{background:#b3b3b3;color:#000;font-size:2remx;border:3px double #000;margin-bottom:10px}
div[id^="SPOP"]{background:#000;color:#FF0000;font-size:2rem;border:3px double #000;margin-bottom:10px}
div[id^="SDANK"]{background:#859d03;font-size:2rem;border:3px double #000;margin-bottom:10px}
div[id^="SWIND"]{background-image:linear-gradient(to right,#fff,#000);color:#000;font-size:2rem;margin-bottom:10px}
div[id^="SMAXTEMP"]{font-size:2.5rem;color:#fff;border:5px solid #ff0;margin-bottom:10px}
div[id^="SMINTEMP"]{font-size:2.5rem;background:#000;border:3px solid #fff;margin-bottom:10px}
#SEVENTITLE{text-align:center;font-size:64px;color:#fff}
#SEVENINTRO{font-size:24px;background:#fff;color:#000;margin-bottom:1rem}
.temp-diverge{display:inline-flex;flex-direction:column;align-items:center;margin:0 3px;padding:1px 5px;border-radius:3px;font-weight:bold;line-height:1.1;vertical-align:middle;font-size:20px}

.TICKERWRAP{overflow:hidden;background:#ff0000;color:#000;font-size:1.5rem;border:4px solid #000;margin-bottom:1rem;white-space:nowrap}
.TICKERIN{display:inline-block;padding:4px 0;will-change:transform;animation:tickmove 45s linear infinite}
.TICKERIN span{padding:0 3rem}
@keyframes tickmove{from{transform:translateX(0)}to{transform:translateX(-100%)}}

.SPRINKLES{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}
.SPRINKLE{position:absolute;top:-80px;animation:sprinklefall linear forwards}
@keyframes sprinklefall{to{transform:translateY(110vh)}}
.WANDER{position:fixed;z-index:-1;pointer-events:none;width:360px;text-align:center;font-size:5rem;color:#fff}
.WANDER img{width:100%;height:auto}
#TEMPFLOAT,#ICONFLOAT{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4.4rem;line-height:1;z-index:2}

.SUNSECTION{margin-bottom:2rem}
.ARCFRAME{position:relative;width:100%;height:220px;overflow:hidden;border:5px solid #ff0000;margin-bottom:10px}
.ARCFRAME svg{width:100%;height:100%;display:block}
.SUNTRAVELER{position:absolute;top:0;left:0;z-index:3;pointer-events:none}
.SUNTRAVELER img{width:80px;height:80px}
.HILO{display:flex;gap:10px;margin-bottom:10px;justify-content:center}
.HILO span{flex:1 1 45%;min-width:200px;padding:8px;text-align:center;font-size:2.2rem}
.SUNBOX{background:#ffd700;color:#000}
.SETBOX{background:#4a1010;color:#ffd700}
.MOONBOX{background:#b3b3b3;color:#000}
.MOONSETBOX{background:#000;color:#fff}
.DAYLENBOX{background:#ff0000;color:#000}

.TICKERROW{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.TICKERROW .TICKERWRAP{flex:1 1 auto;overflow:hidden;margin-bottom:0}
.TICKERROW .UNITTOG{flex:0 0 auto;margin-bottom:0}
#BTNUNIT{background:#000;color:#ff0000;border:3px solid #ff0000;font-family:'FreeSans Bold','FreeSans',Arial,sans-serif;font-weight:bold;font-size:2rem;padding:.2rem 2.2rem;cursor:pointer;text-transform:uppercase}
#BTNUNIT:hover{background:#ff0000;color:#000}

.SIDEFOOT{position:fixed;bottom:0;left:0;z-index:3000;display:flex;flex-wrap:wrap;gap:2px;max-width:60vw;padding:4px}
.SIDEFOOT a{font-size:.8rem;color:#ff0000;background:#000;border:1px solid #ff0000;padding:1px 4px;text-decoration:none;text-transform:uppercase}
.SIDEFOOT a:hover{background:#ff0000;color:#000}

#TEMPFLOAT{font-size:2.6rem !important}
.FLAVOR{background:#000;color:#fff;font-size:1.1rem;text-align:center;padding:.4rem 1rem;margin:0 auto 1.5rem auto;max-width:900px;line-height:1.3;border:2px solid #ff0000; text-wrap:balance;}

.DANKLK{color:#ff0000!important;text-decoration:none;font-weight:bold}
.DANKLK:hover{color:#ff0000!important;background:#000;text-decoration:underline}

.BIGDIVIDE{border-top:6px solid #ff0000;width:60%;margin:0 auto 3rem auto}
.HUB-NAV-BUTTONS{display:flex;gap:1rem;margin:1rem auto;justify-content:center;flex-wrap:wrap}
.HUB-BACK-btn,.HUB-RAND-btn{font-family:'FreeSans Bold','FreeSans',Arial,sans-serif;font-size:1.5rem;padding:.4rem 1.2rem;border:3px solid #ff0000;text-decoration:none;text-transform:uppercase;transition:all .2s;display:inline-block}
.HUB-BACK-btn{background:#000;color:#ff0000}
.HUB-BACK-btn:hover{background:#ff0000;color:#000;font-family:ISONIAN}
.HUB-RAND-btn{background:#ff0000;color:#000;border-color:#000;cursor:pointer}
.HUB-RAND-btn:hover{background:#000;color:#ff0000;border-color:#ff0000;font-family:ISONIAN}


@keyframes glow{0%{box-shadow:0 0 -50px red}40%{box-shadow:0 0 50px red}60%{box-shadow:0 0 50px red}100%{box-shadow:0 0 -50px red}}
@-webkit-keyframes glowing{from{text-shadow:0 0 10px #b3b3b3,0 0 20px #000,0 0 40px #2f4f4f,0 0 50px #b3b3b3,0 0 60px #2f4f4f,0 0 70px #b3b3b3}to{text-shadow:0 0 20px #ff7300,0 0 30px #ff7300,0 0 40px #ff7300,0 0 50px #ff7300,0 0 60px #ff7300,0 0 70px #ff7300,0 0 80px #ff7300}}

@media(max-width:991px){.SEVENDAY{display:block;width:100%;margin-left:0;margin-bottom:10px}.STATGRID > .STATBOX{flex:1 1 100%}}