:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);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}}section{border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;padding:13px;margin:10px;width:100%}.pages{align-items:center;justify-items:center}button{padding:10px 20px;background-color:#fff;color:#000;border:2px solid #000;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:20px}button:hover{background-color:#000;color:#fff}button:active{background-color:#333;color:#fff}h1{margin:20px}