* {
  font-family: 'Inconsolata', monospace;
}
.container {
  margin-top: 10px;
}
@media only screen and (min-width: 600px) {
  .container {
    width: 50%;
  }
}

.editbox {
  margin-top: 5%;
}
.preBtn{
  display: block;
  margin: auto;
  padding: 7px;
  margin-top: 5%;
  border-radius: 2px;
}

#previewContainer .h22 {
  text-align: center;
  color: green;
  border-bottom: 3px solid green;
}

.custom-textarea {
    width: 100%;
}

@media (min-width: 768px) {
    .custom-textarea {
        width: 100%;
    }
}

.copyBtn {
  display: inline;
  margin: 0;
  padding: 9px;
  border-radius: 2px;
}
.downloadBtn {
  display: inline;
  float: right;
  margin: 0;
  padding: 7px;
  border-radius: 2px;
}