body{font-family:Arial,sans-serif;margin:0;background-color:#f4f6f9;color:#222;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2{margin-bottom:1rem;text-align:center}p,section{margin-bottom:1rem;padding:1rem;max-width:800px;text-align:center;margin-right:auto;margin-left:auto}ul{list-style-position:inside;padding:0;margin:1rem auto}img{display:block;max-width:100%;height:auto;margin:1rem auto}header{justify-content:center;padding:2rem 0;background-color:#3a6ea5;color:#fff;width:100%;display:flex;flex-direction:column;align-items:center}@media(prefers-color-scheme:dark){header{background-color:#274c77}}nav ul li a{text-decoration:none;padding:.5rem 1rem;border-radius:5px}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}nav ul li a{color:#fff;background-color:#3a6ea5}nav ul li a:hover{background-color:#76a1cf}footer{text-align:center;padding:1rem;background-color:#5fa8d3;color:#fff;width:100%}@media(prefers-color-scheme:dark){footer{background-color:#3a6ea5}}@keyframes colorShift{0%{color:#3a6ea5;text-shadow:none;transform:scale(1)}50%{color:red;text-shadow:0 0 10px rgba(0,0,0,.5);transform:scale(1.2)}to{color:#3a6ea5;text-shadow:none;transform:scale(1)}}.fade-text{display:inline-block;animation:colorShift 3s infinite}@keyframes slideAcross{0%{transform:translate(0)}50%{transform:translate(300px) translateY(20px) rotate(10deg)}to{transform:translate(0)}}.moving-image{width:200px;height:auto;display:block;margin:2rem auto;animation:slideAcross 5s infinite ease-in-out}.animate-btn{padding:1rem 2rem;background-color:#3a6ea5;color:#fff;border:none;border-radius:5px;font-size:1.5rem;cursor:pointer;transition:transform .3s ease,background-color .3s ease}.animate-btn:hover{transform:scale(1.2) rotate(5deg);background-color:red}.chart-container{width:100%;max-width:80%;margin:2rem auto}.pie-container{width:100%;max-width:600px;height:400px;margin:2rem auto}.map-container{width:100%;max-width:800px;margin:2rem auto}#mapFrame{width:100%;height:400px;border:none}#mapForm{display:flex;justify-content:center;gap:1rem;margin:2rem 0}