body    {
  background-color: #f7f9fb;
  color           : #333;
  font-family     : "Segoe UI", sans-serif;
  line-height     : 1.6;
  margin          : 30px;
}
h1      {
  color: #2c3e50;
}
h2      {
  border-top  : 2px solid #3498db;
  color       : #2980b9;
  margin-top  : 30px;
  padding-top : 5px;
}
summary {
  color       : #2980b9;
  font-size   : 1.5em;
  font-weight : bold;
  padding-top : 5px;
}

ul    {
  margin-top: 0;
}

table {
  border          : 1px solid #ccc;
  border-collapse : collapse;
  margin-top      : 15px;
}
th    {
  background-color: #ecf0f1;
  border          : 1px solid #ccc;
  padding         : 10px;
  text-align      : left;
}
td    {
  border     : 1px solid #ccc;
  padding    : 10px;
  text-align : left;
}

pre       {
  background-color: #f4f4f4;
  border-radius   : 5px;
  overflow-x      : auto;
  padding         : 15px;
}
code      {
  background-color: #e8f0fe;
  border-radius   : 3px;
  font-family     : monospace;
  padding         : 2px 6px;
}

.highlight{
  background-color: #dff0d8;
  border-left     : 5px solid #3c763d;
  margin-bottom   : 20px;
  padding         : 10px;
}
footer    {
  color     : #888;
  font-size : 0.9em;
  margin-top: 50px;
}