main{font-family:Verdana,Geneva,Tahoma,sans-serif;max-width:700px;margin:auto}footer{font-size:small;display:flex;justify-content:space-between;vertical-align:bottom;margin-top:3em}#logo{width:50px}pre{padding:1.5rem;overflow:scroll;border:0px;padding:.5rem;color:#101010;background-color:#f0f0f0;font-size:large;font-family:monospace;width:100%;height:150px;outline:1px solid #6593ff;resize:none}.link{display:inline-block;font-family:monospace;font-size:large;color:#00f;background-color:#f0f0f0;border:1px solid grey;padding:.25em;margin:.25em}textarea{border:0px;padding:.5rem;color:#101010;background-color:#f0f0f0;font-size:large;font-family:monospace;width:100%;height:150px;outline:1px solid #6593ff;resize:none}char:nth-child(5n){margin-right:5px}.number{color:red}.non-number{color:#00f}.right-aligned{text-align:right}.checkmark{color:green}.crossmark{color:red}.button{position:relative;padding:8px 16px;background:#6593ff;border:none;outline:none;border-radius:2px;cursor:pointer;margin-top:.75em;margin-bottom:.75em}.button:active{background-color:#2c6bfd}button:disabled{color:gray;background-color:#a7c0fa}.button__text{font:700 18px Quicksand,sans-serif;color:#fff;transition:all .2s}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:"";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}