body {
  font-family: sans-serif;
  font-size: 18px;
  color: #333;
  margin: 0;
  padding: 0;
}

h1 {
  padding-left: 10px;
}

input {
  font-size: 0.8em;
  border: 0;
  outline: 0;
  background: transparent;
}

input:hover {
  cursor: pointer;
  border-bottom: 1px solid #999;
}

input:focus {
  border-bottom: 1px solid #999;
}

span {
  font-size: 0.8em;
}

.example {
  padding: 10px;
  border-bottom: 1px solid #999;
}

.bio {
  display: inline-block;
  width: 300px;
  font-size: 0.8em;
}

[contenteditable=true]:empty:before{
  display: inline-block;
  content: attr(placeholder);
  color: #AEA9A9
}

input:focus + button, [contenteditable=true]:focus + button {
  visibility: hidden;
}

.error {
  color: #F13535;
}

.output {
  color: #296AEA;
}