:root{--background-color-light:#eee;--color-light:#222;--link-color-light:#00e;--background-color-dark:#222;--color-dark:#E7CD91;--link-color-dark:#0d0}body{background-color:var(--background-color-light);color:var(--color-light);font-family:monospace;line-height:1.5;font-size:.92rem;margin:auto;padding:0 1rem;max-width:768px}img.flotRightTop{max-width:100%;width:auto;height:auto;float:right;margin-left:1rem;margin-bottom:.5rem;border:1px solid var(--color-light)}a{color:var(--link-color-light);text-decoration:none}header{border-bottom:1px solid var(--color-light);margin-bottom:1rem}footer{border-top:1px solid var(--color-light);margin-top:1rem;font-size:.75rem;text-align:right}main{margin:2rem 1rem;line-height:1.6rem;text-align:justify}main>h2{margin-top:1.5rem}main>time{float:right;display:block;font-style:italic;font-size:.75rem}main>.listDate{font-style:italic;font-size:.75rem;opacity:.5}.tags{margin-top:2.5rem}nav{background:#dfdfdf;border-radius:.25rem .25rem 0 0}nav ul{display:flex;margin:0;padding:0;list-style:none}nav li{margin:0}nav a{display:block;padding:.5rem 1rem;border-bottom:none}nav li .active{border:1px solid #ccc;border-bottom:none;background:#ccc;font-weight:700}nav li:first-child a{border-radius:.25rem 0 0 0}nav li:last-child a{border-radius:0 .25rem 0 0;//border-bottom: 1px solid #ccc}@media(prefers-color-scheme:dark){body{background-color:var(--background-color-dark);color:var(--color-dark)}nav{background:#303030}nav li .active{border:1px solid #666;border-bottom:none;background:#666}a{color:var(--link-color-dark)}img{opacity:.95;transition:opacity .5s ease-in-out}img:hover{opacity:1}img.flotRightTop{border:1px solid var(--color-dark)}header{border-bottom:1px solid var(--color-dark);margin-bottom:1rem}footer{border-top:1px solid var(--color-dark);margin-top:1rem}}