div.blog
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color:#515151    
}

div.blog a
{
    color: #268bd2;
}

div.blog div.post img
{
    width:100%;
}


div.blog h1.post-title,
div.blog h1.post-title a
{
    color:#303030;
}

div.blog h1,
div.blog h2,
div.blog h3,
div.blog h4,
div.blog h5
{
    font-weight:400;
}


div.blog div.bs-docs-masthead
{
    padding-top:54px;
    padding-bottom:72px;
}
div.blog div.bs-docs-masthead h1
{
    color:white;
    font-size:32px;
    font-weight:400;
}

div.blog div.bs-docs-masthead a
{
    color:white;
    font-weight:400;
}
div.blog div.bs-docs-masthead p
{
    max-width:384px;
    display:inline-block;
}
div.blog-container
{
    margin-top:54px;
    max-width:684px;
}

div.post span.post-date
{
    display: block;
    margin-top: -9px;
    margin-bottom: 18px;
    color: #9a9a9a;
}

div.blog p
{
    margin-top:0px;
    margin-bottom:18px;    
}

div.post > div.social + p
{
    font-size: 125%;
    font-weight: 300;
    color: #222;
}


div.blog code,
div.blog pre
{
    font-family: "SF Mono", Menlo, Monaco, "Courier New", monospace;    
}

div.blog pre
{
    font-size:16px;
    background:#f9f9f9;
    word-break: break-all;
    word-wrap: break-word;
    padding:18px;
    margin-top:0px;
    display:block;
    margin-bottom:0px;
    line-height:1.4;
    border:none;
    border-radius:0;
}
div.blog pre code
{
    padding: 0;
    font-size: 100%;
    color: inherit;
    background-color: transparent;    
}

div.blog div.pagination
{
    display:block;
    overflow: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
    color: #ccc;
    text-align: center;    
}
div.blog .pagination-item
{
    position: relative;
    display: block;
    padding: 18px;
    border: 1px solid #eee;    
}

div.blog .tags a
{
    margin-bottom:5px;
} 

div.blog div.tags
{
    margin-bottom:50px;
} 


  div.blog div.pagination {
    margin: 54px 0;
  }
  div.blog .pagination-item {
    float: left;
    width: 50%;
  }
  div.blog .pagination-item:first-child {
    margin-bottom: 0;
    border-top-left-radius:    4px;
    border-bottom-left-radius: 4px;
  }
  div.blog .pagination-item:last-child {
    margin-left: -1px;
    border-top-right-radius:    4px;
    border-bottom-right-radius: 4px;
  }