@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&family=Space+Mono:wght@400;700&display=swap&family=Roboto&display=swap);html{background-color:#ffefd6;font-family:Roboto}body{margin:0}.page-container{margin:auto;max-width:800px}h1{text-align:center}.header{background-color:#f2deba;border-bottom:1px solid gray;height:3em;justify-content:center;left:0;position:absolute;top:0;width:100%}.header,.header>div{align-items:center;display:flex}.header>div{justify-content:space-around;width:1000px}.footer{align-items:center;border:1px solid gray;border-radius:2em;flex-direction:row;font-family:Roboto Mono,monospace;font-size:1.1em;height:2em;justify-content:space-evenly;margin-top:4em;padding:1em}.container,.footer{background-color:#f2deba;display:flex}.container{border:1px solid #000;border-top:none;flex-direction:column;margin:auto;max-width:500px}.select-container>div{margin:1em}.text-selection-random{margin:auto;padding:1em 2em;width:auto}.text-selection{height:3em;margin:2em;width:5em}.cypher-container,.text-selection-flex{display:flex;flex-wrap:wrap;justify-content:center}.cypher-container{flex-direction:row}.cypher-word{color:#062b33;display:flex;flex-direction:row;font-family:Roboto Mono,monospace;font-size:1.25em}.cypher-letter,.cypher-word{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cypher-letter{margin:.5em .1em}.cypher-letter>.top{border-bottom:1px solid #000;float:left;font-weight:600}.cypher-letter>.bottom{clear:left;color:#48abb6;float:left;font-family:Space Mono,monospace;font-size:.8em;font-weight:500;margin-top:.2em}.non-letter{font-size:1.5em;margin-top:.45em;text-align:center;width:.2em}.non-letter.space{width:1em}input{all:unset;width:.66em}input:focus,input:hover:not(disabled){background-color:#419aa3}.highlight{background-color:#48abb6a1}label{cursor:text}.alphabet{color:#062b33}.fade{color:#48abb6a1}.revealed{text-decoration:underline;text-underline-offset:.2em}.hidden{visibility:hidden}button{background-color:#ffefd6;border:0 solid #f2deba;border-radius:9999px;cursor:pointer;padding:.5em 1em}.source-container{position:relative}.source{top:0}.source,.source-btn{left:0;position:absolute}.source-btn{top:1.25em}.main-container{margin-top:5em}.revealed-letters{margin-bottom:3em;text-align:center}
/*# sourceMappingURL=main.c3f53323.css.map*/