*{box-sizing:border-box;font-family:"Poppins"}html,body{margin:0}body{background-color:#eee}div.main{margin:0 auto;width:900px}h3{display:flex;align-items:center;text-transform:uppercase;color:#555;font-size:26px;margin:0;font-weight:400}h3 span.num{display:inline-flex;justify-content:center;align-items:center;border-radius:8px;width:30px;height:30px;font-size:20px;background:#444;color:#fff;margin:0;margin-right:14px;font-weight:700;cursor:default}input,select{padding:5px 10px;font-size:14px;border:none;outline:none;background:none;border:solid 3px rgba(0,0,0,.0666666667);border-radius:4px}input[type=text],select[type=text]{display:none}input[type=text]:focus,select[type=text]:focus{border-color:rgba(0,0,0,.1333333333);background-color:rgba(0,0,0,.0666666667)}input[type=text].show,select[type=text].show{display:inline-block}input.wide,select.wide{width:100%}select:hover{border-color:rgba(0,0,0,.1333333333);background-color:rgba(0,0,0,.0666666667)}.input-row{margin-bottom:4px}p{margin-top:0px;margin-bottom:6px}span.smaller-txt{display:block;font-size:13px;margin-top:6px;font-style:italic}span[data-show]{margin-top:10px;display:none}span[data-show].show{display:block}.output-section{position:sticky;top:0;background:#eee;padding:20px 0}span.output-segment.highlight{background:rgba(34,153,238,.1333333333)}.element{padding:10px;border-radius:10px}.element.highlight{background:rgba(34,153,238,.1333333333)}.red{color:darkred}