.button{padding:1.25rem;border-radius:8px}body{font-family:system-ui,sans-serif;line-height:1.6;text-align:center;background-color:#f3f4f6;color:#1f2933}@media(prefers-color-scheme:dark){body{background-color:#111827;color:#e5e7eb}}nav{background-color:#c9d8fa}nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:1rem}nav ul li{margin:0 1rem}nav ul li a{text-decoration:none;font-weight:600;color:#1f2933}nav ul li a:hover{color:#134cca}@media(max-width:768px){nav ul{flex-direction:column}}.button{background-color:#2563eb;color:#fff;border:none}.button:hover{background-color:#1043b3}h1{color:#2563eb;text-align:center}p{text-align:center;max-width:700px;margin:.5rem auto}.centered-image{display:block;margin:1rem auto;max-width:90%;height:auto}canvas{display:block;width:100%;max-width:600px;margin:2rem auto}@media(min-width:1024px){canvas{max-width:800px;height:400px}}.chart-container{width:100%;max-width:800px;height:400px;margin:2rem auto}canvas{display:block;width:100%;height:100%}.gallery{display:flex;justify-content:center;gap:1rem}.gallery img{max-width:45%;height:auto;border-radius:8px;box-shadow:0 2px 6px #0003}@media(max-width:768px){.gallery{flex-direction:column;align-items:center}.gallery img{max-width:80%}}#mapContainer{width:90%;max-width:800px;height:500px;margin:1rem auto}@media(max-width:768px){#mapContainer{width:100%}}@keyframes colorShift{0%{color:#2563eb}50%{color:#b1c7f8}to{color:#2563eb}}.color-animation{animation:colorShift 3s infinite}@keyframes moveBox{0%{transform:translate(0)}50%{transform:translate(200px)}to{transform:translate(0)}}.moving-box{width:100px;height:100px;background-color:#2563eb;margin:2rem auto;animation:moveBox 4s infinite}#animateBtn{padding:.75rem 1.5rem;border:none;background-color:#2563eb;color:#fff;font-weight:600;border-radius:6px;cursor:pointer;transition:transform .3s ease}#animateBtn:hover{transform:scale(1.1)}.click-box{width:80px;height:80px;background-color:#0e3b9c;margin:1rem auto;transition:transform .5s ease}.click-box.active{transform:translateY(-50px)}