@import url(https://fonts.googleapis.com/css?family=Montserrat);
*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body,html{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{background:rgba(0,0,0,.05);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh}body>.container{flex:1}@media screen and (max-width:1024px){body>.container{flex-direction:column}body>.container #content{margin:10px}}a{color:#4d20da;display:inline-block;position:relative;text-decoration:none}a:hover{color:#00f}a:hover:after{-webkit-transform:scale(1);transform:scale(1)}a:after{-webkit-transform:scale(0);background-color:#00f;bottom:-2px;content:" ";height:2px;left:0;position:absolute;transform:scale(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}h1,h2,h3,h4,h5{margin:0;padding:0}.navbar{background:linear-gradient(90deg,#724790,#793c99)}.navbar .container{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:1024px){.navbar .container .brand{padding-left:10px}}.navbar ul{display:flex;margin:0;padding:0}.navbar ul li{list-style:none!important;min-width:2em;padding:1.2em 1em}.navbar ul li.active{background:#62206b;box-shadow:inset 1px 1px 6px rgba(0,0,0,.3)}.navbar a,footer a{color:#fff;display:inline-block;position:relative;text-decoration:none}.navbar a:hover:after,footer a:hover:after{-webkit-transform:scale(1);transform:scale(1)}.navbar a:after,footer a:after{-webkit-transform:scale(0);background-color:#fff;bottom:-2px;content:" ";height:2px;left:0;position:absolute;transform:scale(0);transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:100%}.brand{align-items:center;display:flex;flex-direction:row;justify-content:center}.brand a{font-weight:700}.brand a:first-child{font-size:2em;font-weight:900;text-decoration:none;text-shadow:1px 1px 3px #000;text-transform:uppercase}.container{display:flex;flex-direction:row;margin:0 auto}@media screen and (max-width:1024px){.container{width:100%}}@media screen and (min-width:1024px){.container{width:960px}}.post{background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin:10px 0;max-width:97vw!important;padding:15px}@media screen and (min-width:1024px){.post.full{min-height:80vh}}.post time{color:rgba(0,0,0,.3)}.post header{margin:0 0 10px}.post header h1,.post header h2{margin-top:10px}.post-meta{display:flex;justify-content:space-between}.post-meta>*{margin-right:5px}.post-meta--author{align-items:center;display:flex}.post-meta--author img{border-radius:5em;margin-right:5px}.post-meta--author a{font-size:.9em}.post-content img{max-width:100%}#content{flex:1}#sidebar{margin-left:10px;margin-top:10px}@media screen and (min-width:1024px){#sidebar{max-width:360px}}@media screen and (max-width:1024px){#sidebar{align-items:center;display:flex;flex-direction:column}}.widget{background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.1);margin-bottom:10px;padding:20px}footer{align-items:center;background:#000;display:flex;justify-content:flex-end;min-height:100px}@media screen and (max-width:768px){footer{justify-content:center!important}footer #copyleft{font-size:.8em;padding:5px;text-align:center}}#copyleft{color:#fff;padding:30px;text-align:right}#copyleft a{color:#fff;font-weight:900}#paginator{align-items:center;display:flex;justify-content:space-between;margin:15px 0}#paginator a{background:#fff;margin:0 5px 5px 0;min-width:30px;padding:5px;text-align:center}#paginator a.current{background:#6d368a;color:#fff}h1.tag{border-bottom:1px solid rgba(0,0,0,.2)}.page,h1.tag{margin:10px 0}.page{background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.2);flex:1;min-height:50vh;padding:15px;width:100%}.page h1,.page h2,.page h3,.page h4,.page h5{border-bottom:1px solid rgba(0,0,0,.2)}.social{border-bottom:1px solid rgba(0,0,0,.3);border-top:1px solid rgba(0,0,0,.3);margin:5px 0;padding:5px}.social a{margin:0 5px 0 0}pre{border-left:4px solid #84328f;padding:15px}code,pre{background-color:rgba(0,0,0,.1);border-radius:5px}code{padding:5px 8px}
