html{background:#f9f9f9}body{margin:0;font-family:Allerta,sans-serif;position:relative;height:100vh;max-width:768px;margin:auto;background:white;z-index:1}p,ul{font-family:Open Sans,sans-serif;line-height:1.5;color:#333}h4{margin-top:2rem}img{width:100%}cite{font-size:.8rem}.lowercase{text-transform:lowercase}section{padding:2rem 0}#masthead{padding:1rem}.site-title{font-size:3rem;margin:0;letter-spacing:-3px}.site-tagline{font-size:1rem}.month-title{text-align:center;padding:2rem 0;background:#eee}.article-list{margin:0 1rem}.article-list h4{cursor:pointer}.article-list h4:hover{text-decoration:line-through}.article{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;overflow-y:auto;background:white;z-index:10}.article-title h4{font-size:2rem;margin:5rem 1.5rem 2rem 1rem;letter-spacing:-1px;max-width:1200px;text-transform:capitalize}.article-text{padding:0 1rem 3rem;max-width:768px;margin:auto}.article-text p:first-child{margin-top:0}.article-close{position:fixed;bottom:0;font-size:1.5rem;background:#eee;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:10%;z-index:50}.article-close p{margin:0;padding:.5rem}@media(min-width:1200px){body{padding:0 1rem}}@media(min-width:375px){.site-title{font-size:4rem;cursor:pointer}}@media(min-width:600px){.article-close{position:absolute;top:1rem;right:1.5rem;background:transparent;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.article-close i:hover{border-bottom:1px solid #333}}