:root{--white:#fff;--deep-blue:#1e3a8a;--bright-red:#d90429;--soft-blue:#3b82f6;--warm-grey:#f3f4f6;--dark-grey:#595959;--midnight-blue:#0f172a}body,html{max-width:100vw;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}button{font-size:1.3rem;background-color:var(--deep-blue);margin-top:1rem;border-radius:.5rem;padding:.5rem;border:none;color:var(--white);&:hover{background-color:var(--soft-blue);cursor:pointer}}