body{background-color:#21252b;flex-wrap:wrap;margin:0;font-family:Courier New,Courier,monospace;display:flex}*{box-sizing:border-box}main{width:100%;height:calc(100dvh - 40px)}iframe{background-color:#fff;border:none;width:100%;height:100%}#editor{width:100%;height:100%}label{color:#d4d4d4;justify-content:center;align-items:center;height:42px;padding:0 8px;display:flex}:checked+label{color:#fff;background-color:#282c34;border-top:2px solid #007acc}input[type=radio]{display:none}#html-tab:checked~main #editor{display:block}#html-tab:checked~main #preview,#preview-tab:checked~main #editor{display:none}#preview-tab:checked~main #preview{display:block}