#content{
  display:grid;
  grid-template-columns:1fr auto 1fr; 
}
  
#input_column{
  grid-row:1;
  grid-column: 1;
  display:grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 1fr;
  margin-left:1em;
  margin-right:1em;
}

#output_column{
  grid-row:1;
  grid-column:3;
  margin-right:1em;
  margin-left:1em;
  display:grid;
  grid-template-rows:auto auto auto auto auto auto auto auto auto;
  grid-template-columns:2fr 1fr;
  row-gap:1em;
  max-width:100%;
  min-width:0%;
}

#control-box{
  grid-row:1;
  grid-column:1 / span 2;
  padding-left:0.5em;
  display:grid;
  grid-template-columns: 1fr 2fr;
  align-content:start;
  column-gap:0.8em;
  row-gap:1em;
}

#source_code{
  font-family: "Roboto Mono", monospace;
  background:var(--bg-color2);
  color:var(--fg-color2);
  grid-row:3;
  grid-column:1/span 2;
  margin-top:0.5em;
  margin-bottom:0.5em;
  padding:0.5em;
  height:90%;
}

#run_button{
  margin-bottom:1em;
  grid-column: 1 / span 2;
}


.output{
  grid-column:1/span 2;
  font-family: "Roboto Mono", monospace;
  background:var(--bg-color2);
  color:var(--fg-color3);
  border-radius:1em;
  padding:0.5em;
  overflow:auto;
  min-height:0%;
  height:fit-content;
}

.output_label{
  grid-column:1;
}