body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1200px;max-width:100%;margin:0 auto;font-family:Helvetica,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#000;text-decoration:none}.tileWrapper{grid-template-columns:repeat(2,1fr);display:grid}@media screen and (width<=600px){.tileWrapper{grid-template-columns:repeat(1,1fr);display:grid}}.thumbnail{color:#000;flex:1;margin:5px;text-decoration:none}.content{border:1px solid #dcdcdc;flex:1}.content:hover{border:1px solid #a9a9a9}.imgContainer{width:inherit;z-index:1}.titleContainer{padding:8px 12px}.postTitle{clear:both;padding:0;font-size:18px;font-weight:600;display:block}.postDate{clear:both;color:#696969;padding:0;font-size:14px;display:block}.thumbImage{color:gray;background-color:#000;justify-content:center;align-items:center;width:auto;height:250px;font-family:monospace;display:flex}.coverImg{width:inherit;background-position:50%;background-size:cover;border-bottom:1px solid #dcdcdc;height:250px;overflow:hidden}.footer{border-top:1px solid #000;margin:10px 0;padding:10px 0;font-size:12px}.leftCol{float:left;display:inline-block}.rightCol{float:right;display:inline-block}@media screen and (width<=875px){.footer{padding:10px 15px}}.header{flex-direction:row;margin-top:30px;display:flex}.header_title{text-align:left;flex:2}.blog_title{font-size:38px;font-weight:bolder;display:block}.blog_tagline{color:#333;font-family:Roboto,sans-serif;font-size:14px;line-height:40px;display:block}.header_links{text-align:right;flex:1;justify-content:flex-end;align-items:center;display:flex}.header span{cursor:pointer;margin-right:15px}svg{fill:currentColor;transition:transform .3s;transform:scale(1.1)}svg:hover{transform:scale(1.2)}@media screen and (width<=875px){.header{padding:10px 15px}}@media screen and (width<=480px){.header{flex-direction:column}.header_links{justify-content:flex-start;align-items:center;padding-top:10px}}.blog_nav{border-top:1px solid gray;border-bottom:1px solid gray;flex-direction:row;margin:10px 0;padding-top:10px;display:flex}.nav_item{color:gray;padding-bottom:5px;padding-right:20px;font-size:14px;font-weight:600}.nav_item a{color:gray}.nav_item.active a{color:#000}.nav_item a:hover{cursor:pointer;color:#000}@media screen and (width<=875px){.blog_nav{padding:10px 15px}}.postWrapper a{color:#00008b;text-decoration:underline}.postWrapper .coverImg{text-align:center;border-bottom:1px solid #eee;width:100%;height:auto;margin:0 auto}.postWrapper code{color:#006400;background:#f5f5f5;padding:2px 4px;font-size:14px;font-weight:700}