body{background-color:#292a2d;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}a{color:#33d17a}pre code{font-family:fira mono,monospace;font-size:75%;display:block;background:#252627;padding:10px;overflow:auto}code{font-family:fira mono,monospace;font-size:75%}h1{font-family:system-ui,fira mono,monospace}h2{font-family:system-ui,fira mono,monospace}h3{font-family:system-ui,fira mono,monospace}h4{font-family:system-ui,fira mono,monospace}h5{font-family:system-ui,fira mono,monospace}h6{font-family:system-ui,fira mono,monospace}@-ms-viewport{width: device-width; }@media(max-width:768px){.container{padding:15px}h1{font-size:1.8em}.social-links a{font-size:1.1em;margin-right:12px}}@media(max-width:480px){.container{padding:10px}h1{font-size:1.5em}p{font-size:.9em}.social-links a{font-size:1em;margin-right:10px}.footer{font-size:.8em}}@font-face{font-family:fira mono;src:url(../fonts/FiraMono/FiraMono-Medium.eot);src:local("Fira Mono"),url(../fonts/FiraMono/FiraMono-Medium.eot)format("embedded-opentype"),url(../fonts/FiraMono/FiraMono-Medium.woff)format("woff"),url(../fonts/FiraMono/FiraMono-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:open sans;src:url(../fonts/OpenSans/OpenSans-Regular.eot);src:url(../fonts/OpenSans/OpenSans-Regular.eot?#iefix)format("embedded-opentype"),url(../fonts/OpenSans/OpenSans-Regular.woff)format("woff"),url(../fonts/OpenSans/OpenSans-Regular.ttf)format("truetype"),url(../fonts/OpenSans/OpenSans-Regular.svg#OpenSansRegular)format("svg");font-weight:400;font-style:normal}.footer{background-color:#292a2d;text-align:center;padding:10px 0;font-size:.9em;width:100%}.footer a{color:#33d17a}.header{font-family:system-ui,fira mono,monospace;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center;width:760px}.headerWrapper{overflow:auto;box-sizing:border-box;background-color:#252627;display:flex;justify-content:center;flex-shrink:0}.headerLinks ul{list-style:none;padding:0;margin:0}.headerLinks ul li{display:inline;margin:5px}.headerLinks ul li a{color:#f5f5f5;text-decoration:none}.terminal{color:#f5f5f5;text-decoration:none}.cursor{display:inline-block;width:10px;height:2px;background-color:green;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.postDate{float:right;color:#f5f5f5}.postTitle{color:#33d17a;text-decoration:none;text-transform:capitalize;font-family:system-ui,fira mono,monospace;font-size:1.2em;float:left}.postHeader{overflow:hidden}.postsList{margin-top:20px}.postListItem{padding:20px;background-color:#2f2f2f;margin-bottom:20px}.postExcerpt{text-align:initial;text-decoration:none;color:#f5f5f5}.headerContainer{display:flex;justify-content:space-between}.noDecoration{text-decoration:none}a,a:link,a:visited,a:hover,a:active{text-decoration:none}.socialNavbar ul{list-style:none;padding:0}.socialNavbar ul li{display:inline}.socialNavbar a{color:#f5f5f5;text-shadow:#2f2f2f 0 0 2px;-webkit-font-smoothing:antialiased;display:inline-block;margin:10px}.postWrapper{text-align:left}.postWrapper h1{line-height:1em}.postMetadata{font-family:fira mono,monospace;display:block;background:#252627;padding:10px}dt,dd{line-height:1.5}dl{display:grid;grid-template-columns:max-content auto}dt{grid-column-start:1}dd{grid-column-start:2}dt::after{content:":"}.listHeader,.listContent{text-align:left}.indexWrapper{display:flex;flex-direction:column;justify-content:center}.indexHeader{font-size:2.5em;line-height:1em}.container{max-width:90%;width:600px;margin:0 auto;padding:20px;box-sizing:border-box;flex-grow:1;line-height:1.75em}.social-links{margin-top:10px}.social-links a{margin-right:15px;font-size:1.2em;transition:color .3s}.social-links img{width:20px;height:20px}.social-links a:hover img{filter:invert(96%)sepia(0%)saturate(0%)hue-rotate(0)brightness(100%)contrast(100%)}.content{text-align:center;flex:1 auto;display:flex;justify-content:center}.content img{max-width:100%}.vertical{flex-direction:column;align-items:center}.flexWrapper{display:flex;flex-direction:column;justify-content:center;min-height:100vh;flex:1 auto}.main{height:100%;padding:20px}@media only screen and (min-width:992px){.main{width:760px}}