* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.textinput {
  flex: 1;
  height: 100%;
} 

#title {
  font-family: monospace;
  padding: 8px;
}

#explanation {
  padding: 8px;
}

#controls {
  display: flex;
  flex-direction: column;
  height: 600px;
}

.controlarea {
  display: flex;
  flex: 1;
  padding: 4px;
  overflow: scroll;
}

.controls {
  display: flex;
  flex: 1;
  min-width: 100px;
}

.output_wrapper{ 
  flex: 1;
  overflow: scroll;
  padding-left: 8px;
}

.controlbutton {
  width: 50px;
}

html {
  height: 100%;
}
body {
  height: 100%;
}

.tt {
  font-family: monospace;
}

#zip_output {
  font-size: xx-large;
}
#unzip_textdata {
  font-size: xx-large;
}

#zip_output {
  overflow: scroll;
}

#unzip_output {
  overflow: scroll;
}