body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
}

#code {
  width: 100%;
  height: 250px;
  border: none;
  outline: solid;
  resize: none;
  padding: 0;
}

#output {
  width: 100%;
  height: 250px;
  outline: dashed;
  display: flex;  
  align-items: center;
}

#output > svg {
  width: 100%;
  max-height: 100%;
  overflow: visible;
}

#editor {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  align-content: center;
}