:root{--background-primary:#FCFCFC;--text-primary:#171717;--text-secondary:#3D3D3D;--text-tertiary:#5C5C5C;--accent-orange:#F26419;--bb-primary-green:#A1C854;--bb-secondary-green:#C1D98D;--font-family:system-ui, sans-serif;--shadow-color:rgba(0, 0, 0, 0.5)}@media(prefers-color-scheme:dark){:root{--text-primary:#FCFCFC;--text-secondary:#E5E5E5;--text-tertiary:#D0D0D0;--background-primary:#171717;--shadow-color:rgba(255, 255, 255, 0.25)}.image_with_shadow{box-shadow:0 0 10px 2px var(--shadow-color)}}body{font-family:var(--font-family);color:var(--text-secondary);background-color:var(--background-primary);display:flex;flex-direction:column;overflow-y:scroll;min-height:100vh;flex:1 0 auto;line-height:1.6;box-sizing:border-box;margin:0;padding:0}header{padding:.5rem 1rem;border-bottom:10px solid var(--bb-primary-green);margin-bottom:4.375rem;overflow:hidden}.icon{float:left;padding:0;margin:0}header a,header label{display:block;padding:20px}header label{float:right;padding:18px 20px;cursor:pointer}header label:after{content:"\2261";font-size:1.8em}nav{float:right;max-height:0;width:100%;transition:max-height .3s;ul { margin: 0; padding: 0; } li { display: block; text-align: center; } a { width: 100%; }}#ham{display:none}#ham:checked~nav{max-height:500px}@media only screen and (min-width:768px){header label{display:none}nav{width:auto;max-height:none;ul { padding: 0; padding-right: 10px; } li { display: inline-block; text-align: left; }}header nav a{display:inline-block;padding:20px 10px;width:auto;background-color:var(--primary-green)}}main{max-width:48rem;margin:auto;flex:1 0 auto;padding:10px}img{height:auto;max-width:100%;vertical-align:middle}pre,code{overflow-x:scroll}h1,h2,h3,h4,h5,h6,a,a:visited{color:var(--text-primary)}a:hover,a:active,.menu a:hover,.menu a:focus{color:var(--text-tertiary)}footer{flex-shrink:0;float:right;list-style:none;padding:0;margin-top:4.375rem;margin-bottom:1em;li { display: inline; float: right; } a { padding: 10px; }}.image_with_shadow{color:red;margin:auto;display:block;box-shadow:0 5px 8px 0 var(--shadow-color),0 3px 10px 0 var(--shadow-color);margin-bottom:2em}.nav-icon{font-size:1.3rem}a:hover>.fa{outline-color:invert;filter:invert(30%)}.fa{display:inline-block;transform:translate(0,0)}.fa-lg{line-height:1.35em;width:1em;height:1em;vertical-align:-15%}.l-svg{background-size:contain;background-position:50%;background-repeat:no-repeat}.post-title{margin-bottom:0}.post-date{color:var(--text-tertiary);font-size:smaller}