@import "https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap";*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{height:100%;text-align:center}body{display:table;height:100%;width:100%}#main{color:#000;display:table-cell;font-family:"DynaPuff",sans-serif;font-size:3.5rem;font-weight:300;height:100%;line-height:150%;padding:1rem;text-shadow:0 3px 3px #AAA;vertical-align:middle}#date,#weather,#schedule{margin:1em 0}#weather #currentWeather,#weather #currentTemperature{border:none;border-radius:3px;cursor:pointer;font-family:inherit;font-size:inherit}#schedule ol{font-size:2rem}#schedule ol li{border-radius:3px;display:inline-block;line-height:100%;padding:10px;text-shadow:none}#schedule ol li:nth-child(1){background:#FF6663}#schedule ol li:nth-child(2){background:#FEB144}#schedule ol li:nth-child(3){background:#FDFD97}#schedule ol li:nth-child(4){background:#9EE09E}#schedule ol li:nth-child(5){background:#9EC1CF}#schedule ol li:nth-child(6){background:#c9c}.highlight{background:#EEE;display:inline-block;line-height:100%;padding:20px;text-shadow:none}body.sunny{background:#EEE768}body.rainy,body.snowy,body.windy{background:#B5D2E4}body.cloudy{background:#DAE8F1}body.rainy .droplet,body.stormy .droplet,body.snowy .droplet{animation-iteration-count:infinite;animation-name:falling-droplets;animation-timing-function:linear;background:#FFF;position:absolute;height:30px;top:10%;width:2px}body.rainy .droplet1,body.stormy .droplet1,body.snowy .droplet1{left:10%}body.rainy .droplet2,body.stormy .droplet2,body.snowy .droplet2{left:20%}body.rainy .droplet3,body.stormy .droplet3,body.snowy .droplet3{left:30%}body.rainy .droplet4,body.stormy .droplet4,body.snowy .droplet4{left:40%}body.rainy .droplet5,body.stormy .droplet5,body.snowy .droplet5{left:50%}body.rainy .droplet6,body.stormy .droplet6,body.snowy .droplet6{left:60%}body.rainy .droplet7,body.stormy .droplet7,body.snowy .droplet7{left:70%}body.rainy .droplet8,body.stormy .droplet8,body.snowy .droplet8{left:80%}body.rainy .droplet9,body.stormy .droplet9,body.snowy .droplet9{left:90%}@keyframes falling-droplets{100%{top:90%}}body.rainy .droplet1{animation-duration:1.4s}body.rainy .droplet2{animation-duration:1s}body.rainy .droplet3{animation-duration:1.6s}body.rainy .droplet4{animation-duration:1.2s}body.rainy .droplet5{animation-duration:1.1s}body.rainy .droplet6{animation-duration:1.4s}body.rainy .droplet7{animation-duration:1s}body.rainy .droplet8{animation-duration:1.6s}body.rainy .droplet9{animation-duration:1.2s}body.stormy{background:#AAA}body.stormy .droplet1{animation-duration:.7s}body.stormy .droplet2{animation-duration:.5s}body.stormy .droplet3{animation-duration:.8s}body.stormy .droplet4{animation-duration:.6s}body.stormy .droplet5{animation-duration:.55s}body.stormy .droplet6{animation-duration:.7s}body.stormy .droplet7{animation-duration:.5s}body.stormy .droplet8{animation-duration:.8s}body.stormy .droplet9{animation-duration:.6s}body.snowy .droplet{border-radius:10px;height:15px;opacity:.5;width:15px}body.snowy .droplet1{animation-duration:2.8s}body.snowy .droplet2{animation-duration:2s}body.snowy .droplet3{animation-duration:3.2s}body.snowy .droplet4{animation-duration:2.4s}body.snowy .droplet5{animation-duration:2.2s}body.snowy .droplet6{animation-duration:2.8s}body.snowy .droplet7{animation-duration:2s}body.snowy .droplet8{animation-duration:3.2s}body.snowy .droplet9{animation-duration:2.4s}body.windy,body.stormy{animation-direction:alternate;animation-duration:3s;animation-iteration-count:infinite;animation-name:breezy;overflow:hidden}@keyframes breezy{from{transform:skewX(-10deg)}to{transform:skewX(10deg)}}body.foggy{background:#AAA;opacity:.6}