.source-code{width:100%;height:350px;background-color:#2f2f2f;display:flex;justify-content:space-between;overflow-y:scroll;border-radius:10px}.source-code *{box-sizing:border-box}.codeblock{white-space:pre-wrap;width:calc(100% - 30px);float:right;height:auto;font-family:arial;color:#fff;background:transparent;padding:15px;line-height:30px;overflow-y:auto;overflow-x:auto;min-height:100%;border:none}.line-numbers{min-width:30px;height:100%;padding:15px 5px;font-size:14px;vertical-align:middle;text-align:right;margin:0;color:#fff;background:#000}.line-numbers p{display:block;height:30px;line-height:30px;margin:0}.codeblock:focus{outline:none}textarea,.otab{height:350px}@media only screen and (max-width: 767px){.output{width:318px;margin-top:20px;text-align:center}}