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

#builder-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 80vh;
}

#elements {
  width: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  height:100%;
  background-color:#c6c6c6;
  text-align:center;
  position:relative;
}

#workspace {
  flex-grow: 1;
  border: 1px solid #ccc;
  padding: 10px;
  height: 100%;
}
#WorkspaceLabel {
background-color:#c6c6c6;
  border-radius:5px;
}
#element-editor {
  background-color:#95d2dd;
  text-align:left;
  width:50%;

}
select {
  color:black;
  background-color:snow;
  border:1px solid #e0e0e0;
  border-radius:2px;
}
#element-viewer {
  background-color:#f198f1;
  text-align:right;
  width:50%;
}
.saveload {
  background-color:#65a9d1;
  color:#deedf5;
  border-radius:6px;
  border:1px solid #b0d3e8;
  cursor:pointer;
}
#export {
  color:white;
  background-color:#2cd3a2;
  border:1px solid #27bc8f;
  border-radius:6px;
  cursor:pointer;
}
#test {
  color:white;
  background-color:#d573f4;
  border:1px solid #de95f7;
  border-radius:6px;
  cursor:pointer;
}
#deleter {
  background-color:#ff68ff;
  text-align:right;
  width:50%;
}
#db {
  background-color:#ff7b7b;
  color:white;
  border:1px solid #ff2424;
  border-radius:3px;
  cursor:pointer;
}