#text {
  min-height: 200px;
}

[contenteditable], [contenteditable]:active, [contenteditable]:focus {
  border: orange dotted 1px;
  cursor: edit;
  padding: 1em;
  border-radius: 9px;
  outline: transparent;
}
[contenteditable]:focus {
  border: green solid 1px;
  
}

#code {
  font-family: monospace;
  background-color: #eee;
  padding: 1em 0px 1em 1em;
  border-radius: 9px;
}

[type="text"] {
  padding: .5em;
  font-size: 18pt;
}
[type="checkbox"] {
  padding: 1em;
  height: 2em;
  width: 2em;
  margin-right: 1em;
}
label {
  font-size: 2em;
  padding: 0px .25em;
  line-height: 2em;
  display: inline-block;
}
.resources {
  margin-top: 2em;
}
:focus {
  background-color: rgba(200,200,170,.2);
}
input[type="checkbox"]:focus {
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
}


.article {
  padding: 5% 10% 3% 7%;
  font-size: 1.2em;
}