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}}