:root{--clr-primary-a0: #bf20c7;--clr-primary-a10: #c846ce;--clr-primary-a20: #d162d4;--clr-primary-a30: #d97adb;--clr-primary-a40: #e191e1;--clr-primary-a50: #e8a7e7;--clr-surface-a0: #121212;--clr-surface-a10: #282828;--clr-surface-a20: #3f3f3f;--clr-surface-a30: #575757;--clr-surface-a40: #717171;--clr-surface-a50: #8b8b8b;--clr-surface-tonal-a0: #221722;--clr-surface-tonal-a10: #372c37;--clr-surface-tonal-a20: #4d434d;--clr-surface-tonal-a30: #645b64;--clr-surface-tonal-a40: #7c747c;--clr-surface-tonal-a50: #958e94;--clr-white-beige: #F5F5DC;--clr-terminal: #282A36}body{margin:0;padding:10px;background-color:var(--clr-surface-a0);color:var(--clr-white-beige);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{display:flex;align-items:center;margin-left:10px;justify-content:space-between}.logo{margin:0;border-radius:10px;padding:8px;font-family:Montserrat,sans-serif;font-size:18px}.submit{font-size:16px;padding:10px;margin:5px;border-radius:10px;background-color:var(--clr-primary-a0);border:none;font-family:Montserrat,sans-serif;color:var(--clr-white-beige)}.app-body{display:flex;height:85vh;width:100%}.code-editor{width:100%;background-color:var(--clr-surface-tonal-a20);font-family:Fira code,Fira Mono,monospace;font-size:16px}.code-editor-component{font-family:Fira code,Fira Mono,monospace}.code-output{width:100%;background-color:var(--clr-surface-tonal-a20);font-size:12;overflow-y:auto}.code-output-header{padding:0;margin:0}.output-line{font-family:Fira code,Fira Mono,monospace}.code-editor,.code-output{border-radius:10px;margin:5px;padding:10px;background-color:var(--clr-terminal);height:100%}.error-code{color:orange}