body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.app {
  padding: 20px;
  min-height: 5000px;
}

.section {
  padding-top: 30px;
}

.subCollapse {
  padding: 20px;
}

.text {
  margin: 0;
}

.text p {
  margin: 0;
  padding: 10px;
}

.config {
  padding-bottom: 20px;
}

.label {
  padding-right: 20px;
}

.input {
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}

.blob {
  border-radius: 50vh;
  background: rgba(96, 125, 139, 0.6);
}

.log {
  padding: 0.5em;
  font-size: 0.6em;
  font-family: Menlo, Consolas, Monospaced, monospace;
}

.ReactCollapse--collapse {
  max-width: 800px;
  border: 1px solid rgba(3, 169, 244, 0.3);
  border-radius: 10px;
  background-color: rgba(100, 255, 100, 0.1);
}

.ReactCollapse--content {
}


body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.app {
  padding: 20px;
  min-height: 5000px;
}

.section {
  padding-top: 30px;
}

.subCollapse {
  padding: 20px;
}

.text {
  margin: 0;
}

.text p {
  margin: 0;
  padding: 10px;
}

.config {
  padding-bottom: 20px;
}

.label {
  padding-right: 20px;
}

.input {
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
}

.blob {
  border-radius: 50vh;
  background: rgba(96, 125, 139, 0.6);
}

.log {
  padding: 0.5em;
  font-size: 0.6em;
  font-family: Menlo, Consolas, Monospaced, monospace;
}

.ReactCollapse--collapse {
  max-width: 800px;
  border: 1px solid rgba(3, 169, 244, 0.3);
  border-radius: 10px;
  background-color: rgba(100, 255, 100, 0.1);
  transition: height 500ms;
}

.ReactCollapse--content {
}


Add transition to collapse elements
Add transition to collapse elements
