RAINBOW WEATHER REPORT FOR TUESDAY

Today:

Partly Cloudy with a high chance of Sparkles!

85°F -10°F

This Week:

Rainbow forecast: Pot of Gold, Pot of Sparkles, Cloudy with a Chance of Glitter, Partly Cloudy, Sparkles Galore

/* CSS for styles/neobreutalist.css */ body { background-color: #FFFFFF; font-family: Arial, sans-serif; } body.rainyday { background: linear-gradient(to bottom, #FF0000, #FFC0C0, #FF0000); } .rainbow-header { border-top: 4px solid #000000; background: linear-gradient(to bottom, #00FF00, #00FFFF, #0000FF); padding: 10px 0 10px 0; text-align: center; color: #000000; font-size: 32px; margin: 0; } .rainy-header-title { font-weight: bold; text-shadow: 0 0 10px #000000; font-size: 40px; margin: 0 0 0 0; padding: 0; } .rainy-content { border: 4px solid #000000; border-top: none; padding: 20px 20px 20px 20px; background: linear-gradient(to bottom, #FF00C3, #FF0000, #FFC0C0); } .rainy-day-forecast { background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); padding: 20px 20px 20px 20px; border: 2px solid #000000; margin: 20px 20px 20px 20px; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; color: #FFFFFF; font-size: 24px; } .rainy-day-title { font-size: 32px; font-weight: bold; margin: 10px 0 10px 0; padding: 0 0 10px 0; color: #FFFFFF; text-shadow: 0 0 10px #000000; background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; width: 100%; display: inline-block; text-align: center; margin: 10px 0 10px 0; padding: 0 0 10px 0; } .rainy-day-forecast-text { font-size: 20px; color: #FFFFFF; text-shadow: 0 0 10px #000000; background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); padding: 0 0 0 0; border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: block; width: 100%; text-align: center; margin: 0 0 10px 0; padding: 0 0 10px 0; } .rainy-temperature-high { font-size: 24px; font-weight: bold; margin: 10px 0 10px 0; color: #000000; background: linear-gradient(to bottom, #FFFFFF, #000000, #FFFFFF); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; padding: 0 0 0 0; margin: 0; } .rainy-temperature-low { font-size: 24px; font-weight: bold; margin: 10px 0 10px 0; color: #000000; background: linear-gradient(to bottom, #FFFFFF, #000000, #FFFFFF); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; padding: 0 0 0 0; margin: 0; } .rainy-rainbow-text { font-size: 24px; font-weight: bold; color: #000000; background: linear-gradient(to bottom, #FFFFFF, #000000, #FFFFFF); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; margin: 10px 0 10px 0; padding: 0 0 10px 0; } .rainy-week-forecast { background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); padding: 20px 20px 20px 20px; border: 2px solid #000000; margin: 20px 20px 20px 20px; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; color: #FFFFFF; font-size: 24px; } .rainy-week-forecast-text { font-size: 20px; color: #FFFFFF; text-shadow: 0 0 10px #000000; background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); padding: 0 0 0 0; border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: block; width: 100%; text-align: center; margin: 0 0 10px 0; padding: 0 0 10px 0; } .rainy-footer { background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; padding: 0 0 10px 0; margin: 0 0 10px 0; } .rainy-footer a { text-decoration: none; color: #FFFFFF; font-size: 20px; font-weight: bold; background: linear-gradient(to bottom, #000000, #FFFFFF, #000000); border: 2px solid #000000; border-radius: 10px; background-clip: border-box; box-shadow: 0 0 10px #000000; display: inline-block; width: 100%; text-align: center; padding: 10px 10px 10px 10px; margin: 10px 0 10px 10px; transition: background 0.5s; } .rainy-footer a:hover { background: linear-gradient(to bottom, #FFFFFF, #000000, #FFFFFF); color: #000000; transition: background 0.5s; }