:root {
  --mdc-theme-primary: #1A73E8;
  font-family: Roboto, Arial, serif;
}

body > footer {
  text-align: center;
  margin-top: 50px;
}

.codeFormTextArea {
  box-sizing: border-box;
  width:100%;
  height:700px;
  max-height: 40vh;
  resize:none;
  color:#888;
  border-color: #ddd;
  border-radius: 5px;
  font-size: 13px;
  font-family: monospace;
}

.reset {
  @extend .blue-text;
  margin: 0 30px;
  cursor: pointer;
}

.legal-notice {
  font-size: 14px;
  color: #5b5b5b;
}

.footer {
  display: flex;
  align-items:start;
}

.footer-buttons {
  float: right;
  white-space: nowrap;
  margin-top: 12px;
}

.footer-buttons .button {
  margin: 8px 8px 8px 0;
}

#preview-container {
  height:100%;
  border:none;
  display: inline-block;
}