body, td:nth-of-type(2) {
  background: #8250df;
}

td {
  vertical-align: top;
}

input {
  padding: 2px 3px;
  margin-left: 6px;
  margin-bottom: 6px;
}

input:not(.btn-primary, .btn-success) {
  border: 1px solid black;
}

#buttons, #preview {
  width: 38vw;
}

#buttons {
  background: LightBlue;
  padding: 10px;  
}

#buttons, #preview {
  border: 3px solid black;
  color: black;
}

#buttons {
  height: 85vh; 
}

#preview {
  border-radius: 7px;
  height: 60vh;
  margin-top: -6px;
  margin-right: -13px;
  background: rgb(150, 150, 150);
}

aside {
  display: inline-block;
}

.left {
  float: left;
  width: 15%;
}

.middle, .right {
  width: 40%;
}

.middle input, .right input {
  padding: 6px 12px;
  margin-left: 6px;
  margin-bottom: 6px;
}

.right {
  float: right;
}