h1,p{margin:10px 0}body,pre{color:#fff}html,body{margin:0;padding:0}html{height:100vh;width:100vw;overflow-x:hidden}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;background-color:#1e1e1e;height:auto;margin:0;padding:.5rem}a{color:#3498db;text-decoration:none;cursor:pointer}h1{font-size:1.5rem}p{font-size:1rem}pre{background-color:#333;max-width:45vw;padding:15px;border-radius:5px;overflow-x:auto}@media(prefers-color-scheme:light){pre{background-color:#f0f0f0;color:#333;max-width:45vw;padding:15px;border-radius:5px;overflow-x:auto}body{background-color:#fff;color:#000}}@media only screen and (max-width:767px){pre{max-width:90vw}}