body {
  overflow: hidden;
  background-color: #ccc;
  font-family: Arial, Helvetica, sans-serif;
}
nav {
  background-color: rgba(255, 255, 255, 0.85);
  color: #fff;
}
.text {
  font-size: 15px;
  color: #444;
  line-height: 1.5;
}
.textarea {
  /* width: 90%; */
  height: 60px;
  /* padding: 12px; */
  font-family: monospace;
  font-size: 14px;
  /* border: 1px solid #ccc; */
  /* border-radius: 8px; */
  resize: none;
}
.button {
  /* margin-top: 12px; */
  padding: 12px 18px;
  background: #4f46e5;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
}
.preview-border {
  padding: 12px;
  background: #fff;
  border-left: 4px solid #4f46e5;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}