body{color:#363427;background-color:#f1eceb;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:2em;font-family:Inter,sans-serif;transition:background-color .5s;display:flex;position:relative;overflow-x:hidden}.background-animation{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.january .background-animation{background:linear-gradient(#ff6b6b 0%,#ffd93d 50%,#87ceeb 100%)}.january .snowflake{color:#fff;font-size:1em;animation:linear infinite fall;position:absolute}@keyframes fall{to{transform:translateY(100vh)rotate(360deg)}}.february .background-animation{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50% 100%)}.february .heart{color:#ff1744;opacity:.7;font-size:1.5em;animation:3s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.march .background-animation{background:linear-gradient(#e8f5e9 0%,#fff9c4 100%)}.march .cherry-blossom{color:#ffb3d9;font-size:1.2em;animation:4s linear infinite petal-fall;position:absolute}@keyframes petal-fall{to{transform:translateY(100vh)rotate(720deg)}}.april .background-animation{background:linear-gradient(#e8f5e9 0%,#c8e6c9 100%)}.april .cherry-blossom{color:#ffb3d9;font-size:1.2em;animation:4s linear infinite petal-fall;position:absolute}.may .background-animation{background:linear-gradient(#a5d6a7 0%,#c8e6c9 100%)}.may .leaf{color:#4caf50;font-size:1.3em;animation:5s linear infinite leaf-fall;position:absolute}@keyframes leaf-fall{to{transform:translateY(100vh)rotate(360deg)}}.june .background-animation{background:linear-gradient(#b39ddb 0%,#90caf9 100%)}.june .raindrop{opacity:.8;background:linear-gradient(#64b5f64d,#64b5f6);border-radius:1px;width:2px;height:30px;animation:linear infinite rain-fall;position:absolute}@keyframes rain-fall{0%{opacity:.8;transform:translateY(-30px)}to{opacity:0;transform:translateY(calc(100vh + 30px))}}.june .hydrangea{color:#ba68c8;opacity:.7;font-size:1.5em;animation:4s ease-in-out infinite float;position:absolute}.july .background-animation{background:linear-gradient(#1a237e 0%,#283593 50%,#3949ab 100%)}.july .star{color:gold;font-size:1em;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.august .background-animation{background:linear-gradient(#4fc3f7 0%,#29b6f6 30%,#0288d1 70%,#0277bd 100%)}.august .cloud{color:#fff9;font-size:2em;animation:20s linear infinite cloud-drift;position:absolute}@keyframes cloud-drift{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}.august .wave{color:#fff9;font-size:1.5em;animation:4s ease-in-out infinite wave-float;position:absolute}@keyframes wave-float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(10px)}}.august .float-item{opacity:.8;font-size:1.8em;animation:6s ease-in-out infinite float-on-water;position:absolute}@keyframes float-on-water{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-15px)translate(10px)rotate(5deg)}50%{transform:translateY(-10px)translate(-5px)rotate(-5deg)}75%{transform:translateY(-20px)translate(5px)rotate(3deg)}}.august .beach-item{opacity:.7;font-size:1.5em;animation:5s ease-in-out infinite beach-float;position:absolute}@keyframes beach-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.1)}}.september .background-animation{background:linear-gradient(#fff3e0 0%,#ffe0b2 100%)}.september .maple-leaf{color:#ff6f00;font-size:1.5em;animation:6s linear infinite maple-fall;position:absolute}@keyframes maple-fall{to{transform:translateY(100vh)rotate(360deg)}}.october .background-animation{background:linear-gradient(#6a1b9a 0%,#ab47bc 50%,#ce93d8 100%)}.october .pumpkin{color:#ff6f00;font-size:1.5em;animation:3s ease-in-out infinite float;position:absolute}.october .ghost{color:#fff;opacity:.8;font-size:1.3em;animation:4s ease-in-out infinite float;position:absolute}.november .background-animation{background:linear-gradient(#efebe9 0%,#d7ccc8 100%)}.november .maple-leaf{color:#d84315;font-size:1.5em;animation:6s linear infinite maple-fall;position:absolute}.december .background-animation{background:linear-gradient(#1a237e 0%,#283593 50%,#3949ab 100%)}.december .snowflake{color:#fff;font-size:1.2em;animation:3s linear infinite fall;position:absolute}.december .star{color:gold;font-size:1.5em;animation:1.5s ease-in-out infinite twinkle;position:absolute}.december .ornament{font-size:1em;animation:3s ease-in-out infinite swing;position:absolute}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}h1{color:#363427;text-shadow:0 2px 4px #0000001a;margin-bottom:.5em;font-size:1.8em;transition:color .5s}.january h1{color:#1a1a1a;text-shadow:0 2px 4px #ffffff4d}.february h1{color:#8b0000;text-shadow:0 2px 4px #ffffff80}.march h1{color:#2e7d32;text-shadow:0 2px 4px #ffffff4d}.april h1,.may h1{color:#1b5e20;text-shadow:0 2px 4px #ffffff4d}.june h1{color:#1a237e;text-shadow:0 2px 4px #ffffff4d}.july h1{color:#fff;text-shadow:0 2px 8px #00000080,0 0 10px #ffd7004d}.august h1{color:#fff;text-shadow:0 2px 8px #0006,0 0 10px #ffffff4d}.september h1{color:#bf360c;text-shadow:0 2px 4px #ffffff4d}.october h1{color:#fff;text-shadow:0 2px 8px #000000b3,0 0 15px #ff6f0080}.november h1{color:#bf360c;text-shadow:0 2px 4px #ffffff4d}.december h1{color:#fff;text-shadow:0 2px 8px #00000080,0 0 15px #ffd70066}button{color:#fff;cursor:pointer;background-color:#627962;border:none;border-radius:8px;padding:.8em 1.5em;font-size:1em;transition:background-color .2s;box-shadow:0 4px 12px #0000001a}button:hover{background-color:#4c5e46}#topic{background:#fff;border-radius:10px;width:100%;max-width:600px;margin:2em 0 1em;padding:1em 1.2em;font-size:1.2em;font-weight:600;box-shadow:0 4px 12px #0000001a}ul{width:100%;max-width:400px;padding:0;list-style:none}li{text-align:left;background:#fff;border-radius:8px;margin:.5em 0;padding:.8em 1em;font-size:1em;box-shadow:0 2px 6px #00000014}#root{display:contents}