*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:16px;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:#fff;color:#000;word-wrap:break-word;margin:0 auto;max-width:100%;padding-left:calc(1.5rem + 224px);padding-right:1.5rem}a{color:inherit;text-decoration:none;transition:color .1s}a:hover,a:focus{color:#00000080}.navigation-container{position:fixed;top:0;left:0;width:224px;height:100vh;padding:1.5rem;display:flex;flex-direction:column;overflow:visible}.navigation{flex-grow:1;display:flex;flex-direction:column;overflow:visible}.logo-wrapper{position:relative;margin-bottom:.75rem;overflow:visible}.logo-blobs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.blob{position:absolute;width:60px;height:60px;border-radius:50%;opacity:0;filter:blur(18px);transition:opacity .3s}.logo-wrapper:hover .blob{opacity:.5}.blob:nth-child(1){background:#ff6ec7}.blob:nth-child(2){background:#7df9ff}.blob:nth-child(3){background:#ffe66d}.navigation .site-logo{display:block;position:relative;z-index:1;transition:filter .3s}.navigation .site-logo img{width:80%;height:auto;transition:filter .3s}.logo-wrapper:hover .site-logo img{animation:logo-colors 2s ease-in-out infinite}@keyframes logo-colors{0%,to{filter:invert(1) sepia(1) saturate(5) hue-rotate(280deg) brightness(1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}33%{filter:invert(1) sepia(1) saturate(5) hue-rotate(140deg) brightness(1.1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}66%{filter:invert(1) sepia(1) saturate(3) hue-rotate(0deg) brightness(1.1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}}.navigation .tags{margin:1.5rem 0;overflow:hidden;flex-shrink:1}.navigation .tags a,.navigation .menu a{display:block}.navigation .menu a{color:#00000080}.navigation .menu a:hover{color:#000}.navigation .menu a.active{color:#000;font-weight:500}.nav-toggle{display:none}.nav-toggle-label{display:none;line-height:.333;cursor:pointer;float:right;user-select:none}.posts{display:flex;flex-wrap:wrap;padding:1rem}.post{margin:.5rem;position:relative;text-decoration:none;color:inherit;cursor:pointer}.post:hover{opacity:.93}.post:active{opacity:.87}.post.photo{overflow:hidden}.post.photo i{display:block}.post.photo img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;vertical-align:bottom;transition:opacity .3s}.post.text{border:2px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3.9rem 2.6rem}.post.text:hover{border-color:#000}.post.text .title{font-size:1.375em;max-width:15em;text-align:center;margin:.65rem 0 .15rem}.post.text .date{font-size:.875em;color:#00000080}.post.photo .title{font-size:.875em;text-align:left;display:block;margin:.375rem 0 .75rem}.entry-header{padding:1.5rem 1.5rem 0}.entry-header h1{font-size:2em;margin:0 0 1.5rem}.entry-layout{display:flex;gap:2rem;padding:0 1.5rem 1.5rem;min-height:100vh}.entry{max-width:720px;flex:1;min-width:0}.entry a{color:#8b3a3a}.entry a:hover{color:#a85050}.entry p{margin:1.3em 0}.entry ul,.entry ol{padding-left:1.5em;margin:1.3em 0}.entry ul ul,.entry ul ol,.entry ol ul,.entry ol ol{margin:.25em 0}.entry table{border-collapse:collapse;width:auto;margin:1.3em 0;font-size:.95em}.entry th,.entry td{padding:.5em 1em;border:1px solid #e0e0e0;text-align:left}.entry th{background:#f7f7f7;font-weight:600}.entry tr:hover{background:#fafafa}.entry img{max-width:100%;height:auto}.entry hr{margin:2.6em 0;border:none;border-top:2px solid #f2f2f2}.entry-sidebar{width:160px;flex-shrink:0}.entry-sidebar .meta{position:sticky;top:1.5rem;color:#00000080;font-size:.875em}.entry-sidebar .tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.entry-sidebar .tags a{font-size:.8rem;padding:.2em .6em;border:1px solid rgba(0,0,0,.15);border-radius:3px}.entry-sidebar .tags a:hover{border-color:#000;color:#000}@media screen and (max-width:800px){body{padding-left:0;padding-top:4rem}.navigation-container{width:100%;height:auto;display:flex;z-index:3;background:#fff}.navigation{height:2rem;max-width:100%;flex-grow:1}.nav-toggle-label{display:block}.navigation>*:not(.site-title){display:none}.nav-toggle:checked~.navigation{min-height:100vh}.nav-toggle:checked~.navigation>*{display:block}.entry-layout{flex-direction:column}.entry-sidebar{width:100%;order:-1;padding-top:0;padding-bottom:1rem}.entry-sidebar .meta{position:static}}