@import url("https://cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.min.css"); *, *::before, *::after { font-family: sans-serif; color: inherit; scroll-behavior: smooth; } pre { font-family: Hack, hack, monospace; font-weight: bold; } body { padding: 2em; max-width: 1600px; margin: auto; } .split { display: -ms-grid; display: grid; -ms-grid-columns: auto 4em auto; grid-template-columns: auto auto; grid-gap: 4em; } h1, h2 { padding: 0.2em; text-align: center; } h2 { padding-bottom: 2em; } a { text-decoration: underline; } .nojs { background-color: darkred !important; padding: 1em !important; } .nojs * { color: whitesmoke !important; font-weight: bold !important; font-family: sans-serif !important; } .buttons { padding: 1em; text-align: center; } .buttons button { padding: 0.5em; margin: 0.1em; margin-bottom: 1em; background-color: #404040; color: #fcfcfc; border: none; -webkit-transition: 0.3s -webkit-filter ease-in-out; transition: 0.3s -webkit-filter ease-in-out; -o-transition: 0.3s filter ease-in-out; transition: 0.3s filter ease-in-out; transition: 0.3s filter ease-in-out, 0.3s -webkit-filter ease-in-out; } button:hover, button:focus { cursor: pointer; -webkit-filter: brightness(120%); filter: brightness(120%); } #menu { text-align: center; margin: 4em 0 4em 0; } #menu div input { margin: 0.1em; } @media only screen and (max-width: 1300px) { .split { display: block; -ms-grid-columns: auto; grid-template-columns: auto; } }