*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box}body{font-family:Roboto Slab,serif;font-size:1.2rem;line-height:1.5;padding:0;margin:0}h1,h2,h5,h3,h4,h6{margin:0}a{color:inherit;text-decoration:none}.container{width:80%;margin:0 auto}@media only screen and (max-width: 770px){.container{width:100%;padding:0 10px}}nav{background-color:#000;background:linear-gradient(150deg,#8b8b8b,#000);text-align:center;padding:70px 0;color:#fff}nav h1{font-weight:700;font-size:4rem}nav ul{list-style-type:none;display:inline-flex;margin:0;padding:0}nav li{padding:0 10px;font-size:1.2rem}nav li a{position:relative}nav li a:after{content:" ";display:inline-block;width:0;height:3px;position:absolute;left:0;bottom:-5px;background-color:#fff;transition:all .8s}li a:hover:after{width:100%;color:#f5f5f5}.post-listing{margin:1.5em 0;padding-bottom:40px;border-bottom:solid rgb(209,209,209) 1px}.post-listing__title:hover{color:#3f51b5}.post-listing small,.post small{font-style:oblique;color:#3d3d3d}.post-listing__content{margin:5px 0;color:#1a1a1a;font-size:.95em}.post-listing__footer{font-size:.8em;margin-top:10px}.post-listing .tags a,.post .tags a{padding:2px 10px;margin-right:5px;background-color:#e1e1e1;color:#3f51b5;border-radius:5px}.post{line-height:1.8;color:#2b2b2b}.post .tags a{font-size:14px}.post pre{border:solid 1px #CFD8DC;border-radius:5px;padding:10px;background-color:#eceff1}code.inline{background-color:#eceff1;border-radius:5px;padding:3px 4px}.about a,.post a{color:#3f51b5}