body {
  margin: 0;
  padding: 0;
  height: 100vh;
}

.header {
  height: 10vh;
  background-color: #222529;
  color: whitesmoke;
  align-items: center;
}

.main {
  height: 90vh;
  background-color: #32373c;
  color: whitesmoke;
}

#mcu {
  fill: #1c1c1c;
}

.vcontainer {
  display: flex;
  flex-direction: column;
  min-height: min-content;
}

.hcontainer {
  display: flex;
  flex-direction: row;
  min-height: min-content;
}

.rightside {
  flex: 2;
}

.rightside {
  flex: 8;
  flex-wrap: wrap;
}

.widget {
  flex: 1 1 auto;
  margin: 1em;
  border-radius: 1em;
  background-color: beige;
  color: black;
}

body section {
  overflow: auto;
}

#mcu_view {
  flex: 1;
}

.terminal_color {
  background-color: #303841;
  color: whitesmoke;
  font: 1.2em monospace, monospace;
}

.smallitem {
  flex: 0 0;
}

.bigitem {
  flex: 4;
  overflow: scroll;
}

button {
  margin: none;
  padding: 0.5em;
  border-radius: 0.25em;
}

input[type="file"] {
  margin: none;
  padding: 0.5em;
  background-color: white;
  color: black;
  border-radius: 0.25em;
}

#terminal_output {
  flex: 6;
  align-content: end;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  white-space: pre-line;
}