body {
  margin: 0;
  display: flex;
  height: 100vh;
  font-family: monospace;
}

.app {
  display: flex;
  width: 100%;
}

/* Sidebar */
.sidebar {
  width: 200px;
  background: #252526;
  color: white;
  padding: 10px;
}

.sidebar div {
  padding: 6px;
  cursor: pointer;
}

.sidebar div:hover {
  background: #333;
}

/* Editor */
.editor {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.topbar {
  background: #333;
  padding: 5px;
}

.CodeMirror {
  height: 100%;
}

/* Output */
iframe {
  width: 50%;
  border: none;
}