.parent{display:grid;grid-template-columns:300px repeat(2,1fr);grid-template-rows:40px 1fr;grid-column-gap:5px;grid-row-gap:0px}.settings-container{grid-area:2/1/3/2}.input-container{grid-area:2/2/3/3}.output-container{grid-area:2/3/3/4;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.header-container{grid-area:1/1/2/4}body{color:#eac67a;background-color:#233237;font-family:Lucida Console,Monaco,monospace;font-size:12pt}a.styled,a.styled:hover,a.styled:visited{color:#eac67a;text-decoration:underline}header{vertical-align:middle;border-bottom:2px solid #984b43;font-size:16pt}header a,a:visited,a:hover{text-decoration:none}.container-label{border-bottom:2px solid #984b43;font-size:larger;font-weight:700}.container{border:1px solid #233237;height:calc(100vh - 40px)}#input{width:99%;height:calc(100vh - 40px)}#output{background-color:#eaeaea;width:99%;height:calc(50vh - 25px)}#rendered-output{color:#000;overflow-x:scroll;overflow-y:scroll;white-space:break-spaces;background-color:#eaeaea;width:100%;height:calc(50vh - 25px)}.setting{border-bottom:2px solid #984b43;margin:10px 1px}span.highlight{background-color:#ff0}div.about{position:fixed;width:290px;margin-left:10px;font-size:small;bottom:0;left:0}.hidden-select-setting{display:none}.setting.selected{font-weight:bolder}.setting.selected label.toggle-on-click:after{content:" ✅"}.setting.zero label.toggle-on-click:after{content:" 0️⃣"}.setting.one label.toggle-on-click:after{content:" 1️⃣"}.setting.two label.toggle-on-click:after{content:" 2️⃣"}.setting.three label.toggle-on-click:after{content:" 3️⃣"}.setting.all label.toggle-on-click:after{content:" all"}
