html,body{background-color:#131313;color:#fafafa;font-family:'Courier New', Courier, monospace;font-size:12vmin;height:100%;width:100%;line-height:1.25;margin:0}button{background:none;border:none;color:white;cursor:pointer;font-size:16px;outline:none;padding:12px}.colour-red{color:red}.container{position:relative;height:100%;height:-webkit-fill-available;width:100%;overflow:hidden}.center-y{position:absolute;top:50%;transform:translate(0, -50%)}.current-state{display:block !important;pointer-events:all  !important}.display-none{display:none}.hidden{opacity:0}.screen{display:none;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.text-center{text-align:center}.visible{opacity:1}.w-100{width:100%}#title-container{font-size:.85rem}#title{font-size:1em;line-height:1;margin:0}#red-bar{border:0;border-top:2px solid red;display:block;height:2px;margin:8px auto;padding:0;transition:width 1s linear;width:0px}#enter-container{height:65px}#mark-sutherland{font-size:.4rem;margin:0;margin-top:8px;position:relative}#enter-button{font:inherit;font-size:.6rem;font-weight:600;line-height:1;padding:0}#codex-container{display:inline-block;font-size:2.2vh;position:relative;text-align:center;width:100%}@media (min-width: 768px){#codex-container{font-size:2.65vmin}}#codex{display:inline-block;text-align:justify;text-align-last:justify;padding:8px}#codex .line::after{content:"";display:inline-block;width:100%}#codex-instructions{top:100%;text-align:center;padding:8px;position:absolute;width:100%}#codex-toolbar{bottom:0;left:0;padding:16px;position:fixed}