html, body {
  height: 200px;
  width: 200px;
  margin: 20px;
  box-sizing: initial;
}

body{
  height: 50%;
  font: caption;
  background-color: #FFFFFF;
}

p{
  margin: 1em 1em;
}

#content {
  height: 60%;
  margin: 1em 1em 0 1em;
  border: .1em solid #DDE4E9;
  position: bottom;
  bottom: 5px;
  transition: background-color .2s ease-out;
}

#content[contenteditable=false] {
  background-color: grey;
  transition: background-color .2s ease-in;
}

[contenteditable]:focus {
  outline: 0px solid transparent;
}