body,html{height:100%;margin:0;padding:0;font-family:Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size:16px;text-align:justify;line-height:1.5;display:flex;flex-direction:column;background:#d2ddff}header{height:auto;background-color:#000b30;color:#fff;position:fixed;left:0;top:0;width:100%;z-index:1}header a,header button{float:right;display:block;color:#fff;text-align:center;background-color:inherit;border:none;outline:none;transition:.3s;text-decoration:none}header a,header span{padding:1rem 1.5rem}header a:hover,header button:hover{background-color:#bccbff;color:#000}header #home{float:left}header span{float:right}#content{padding:7rem 4rem 3rem;min-height:78.8vh;flex:1 0 auto}.intro{text-align:center;padding-bottom:1rem}.intro-image{width:100vw;max-width:100vw;position:relative;left:-4rem;opacity:75%}.title{padding-bottom:2rem}.post-preview{background:#fff;display:inline-block;width:15rem;height:15rem;padding:1rem;margin:1rem;box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.post-preview a,.post-preview p{font-size:16px;text-align:center;text-decoration:none;color:#000;min-height:3rem}.preview-publish-date{font-size:14px!important}.fade-in-section{opacity:0;transform:translateY(20vh);visibility:hidden;transition:opacity .6s ease-out,transform 1.2s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.post-title{padding:0!important;text-align:left}.post-date{font-size:14px;padding-bottom:2rem}.prose h1,.prose h2,.prose h3{text-align:left;padding-top:1.5rem;padding-bottom:.5rem}blockquote{font-style:italic}code,pre code{display:inline-block}pre code{overflow:auto;background-color:#e7edff;padding:.5rem 1rem;width:97%}details{padding-top:1.5rem;padding-bottom:1.5rem}img{max-width:90vw}.access-links{padding-top:1rem;text-align:center}.access-links a{padding:1rem}@media screen and (max-width:500px){#content{padding:7rem 2rem 3rem}img{max-width:85vw}.all-posts{text-align:center}}footer{font-size:14px;flex-shrink:0;margin-top:auto;padding:.25rem 1rem;text-align:left;background:#000b30;color:#fff;height:3rem}footer #copyright{float:left}footer #builtWith{float:right}