.article {
  margin-bottom: 75px; }
  .article h1 sup.beta {
    font-size: 16px;
    color: #E67E00; }
  .article .lead {
    font-size: 18px;
    line-height: 25px;
    margin-top: 10px;
    opacity: 0.9; }
    .article .lead p code {
      font-size: 16px; }
    .article .lead .last-updated {
      font-size: 14px;
      color: DimGray; }
  .article .section h2 {
    margin-top: 35px; }
  .article .section p code {
    font-size: 14px; }
  .article .section .file {
    margin: 15px 0; }
  .article iframe {
    border: 1px solid lightgray;
    margin-top: 15px;
    padding-top: 10px;
    width: 100%; }

.article-list {
  margin-bottom: 75px; }
  .article-list h3 sup.beta {
    font-size: 16px;
    color: #E67E00; }
  .article-list ul {
    list-style: none;
    padding-left: 0px; }
  .article-list a {
    text-decoration: none; }
  .article-list p code {
    font-size: 14px; }
  .article-list pre code {
    font-size: 13px; }
  .article-list .last-updated {
    font-size: 14px;
    color: DimGray; }
  .article-list .by-me {
    margin-bottom: 30px; }
    .article-list .by-me img.my-picture {
      border-radius: 50%;
      height: 150px;
      vertical-align: middle; }
    .article-list .by-me .logo {
      margin-left: 15px; }
    .article-list .by-me .by {
      color: dimgray; }
    .article-list .by-me .twitter {
      margin-left: 15px; }

.file .file-tab {
  background-color: #e8e8e8;
  border: 1px lightgray solid;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: inline-block;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  padding: 3px 5px 3px 10px; }

code {
  background-color: #f5f5f5;
  color: #333;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  line-height: 18px; }
  pre code {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    margin: 0;
    overflow: auto;
    padding: 10px;
    white-space: pre; }

/*# sourceMappingURL=article.css.map */