:root{color-scheme:light dark}body{background-color:light-dark(#eee,#222);color:light-dark(#1c3e60,#eee);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;height:100vh;line-height:1.25;margin:0;overflow-x:hidden;padding:0}body.dark{color-scheme:dark}body.light{color-scheme:light}footer,header{background-color:#1c3e60;color:#fff;left:0;padding:.5rem 1rem;position:fixed;right:0;z-index:2}header{align-items:center;display:flex;justify-content:space-between;top:0}footer a,header button{background:none;border:1px solid #fff;border-radius:1rem;color:#fff;cursor:pointer;display:block;font-weight:600;outline:none;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}footer a.is-active,footer a:active,footer a:focus,footer a:hover,header button:active,header button:focus,header button:hover{background-color:#fff;color:#1c3e60}h1{font-size:2rem;margin:0}footer{bottom:0}footer ul{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}main{display:flex;flex-direction:column;padding:5rem 1rem 4rem}