.blog{margin:1em 0}.blog-category{display:block;padding:0.5em;color:#000;border-top:1px solid #000}.blog-category:last-child{border-bottom:1px solid #000}.blog-category:hover,.blog-category:active{color:#888}.blog-post{display:block;margin-bottom:1em;border:1px solid #000;background:#fff;padding:0.5em}.blog-post .title{display:block;height:2.5em;line-height:1.25em;overflow:hidden;text-transform:uppercase;font-weight:bold}.post-data{display:block;font-size:0.9em;color:#666}.blog-post-view img{cursor:zoom-in}.blog-post-view li{margin-bottom:0.5em}.zoom-overlay{position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);cursor:pointer;overflow:auto;text-align:center}.zoom-overlay .close-zoom-overlay{color:white;font-size:2rem;position:fixed;z-index:2;top:1.5rem;right:1.5rem;cursor:pointer}.zoom-overlay .zoom-image{border:0.2rem solid white;max-width:90%;max-height:80%;-webkit-border-radius:.25rem .25rem .25rem .25rem;border-radius:.25rem .25rem .25rem .25rem;position:absolute;z-index:1;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.zoom-overlay .zoom-image.zoomed{margin:4rem;position:sticky;left:0;-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);max-width:none;max-height:none}