li{list-style:none}.header{background:#558b2f;color:#fff;position:relative;z-index:2}.navbar{max-width:1248px;padding:0 24px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:72px}.navbar h1 a,.navbar ul li a{color:#fff}.navbar ul{display:flex}.navbar ul li a{padding:0 16px;transition:all 0.2s ease-in-out}.navbar ul li a:hover,.navbar ul li a:focus{color:#a1701d}#navcheck,.nav-btn,.backdrop{display:none}.nav-btn{position:fixed;right:24px;top:26px;z-index:99}.nav-btn label span{display:block;width:30px;height:1.5px;background:#fff;border-radius:3px;transition:background-color 0.3s cubic-bezier(.77,.2,.05,1),opacity 0.3s ease-in-out,-webkit-transform 0.3s cubic-bezier(.77,.2,.05,1);-webkit-transition:background-color 0.3s cubic-bezier(.77,.2,.05,1),opacity 0.3s ease-in-out,-webkit-transform 0.3s cubic-bezier(.77,.2,.05,1);transition:transform 0.3s cubic-bezier(.77,.2,.05,1),background-color 0.3s cubic-bezier(.77,.2,.05,1),opacity 0.3s ease-in-out;transition:transform 0.3s cubic-bezier(.77,.2,.05,1),background-color 0.3s cubic-bezier(.77,.2,.05,1),opacity 0.3s ease-in-out,-webkit-transform 0.3s cubic-bezier(.77,.2,.05,1);position:relative}.nav-btn label span:not(:last-child){margin-bottom:7px}.instruction{display:flex;align-items:center;justify-content:center;height:calc(100vh - 72px)}@media (max-width:992px){.instruction{display:none}.nav-menu{display:none!important}.nav-btn{display:block}.navbar ul li a{color:#303030;width:100%;display:block;padding:16px}#navcheck{opacity:0;position:fixed;top:0;right:0;width:72px;height:72px;z-index:999;cursor:pointer;margin:0;display:block}input#navcheck:checked~.nav-btn label span:first-child{-webkit-transform:rotate(45deg) translate(6px,6px);transform:rotate(45deg) translate(6px,6px);top:0;left:0}input#navcheck:checked~.nav-btn label span:last-child{-webkit-transform:rotate(-45deg) translate(6px,-6px);transform:rotate(-45deg) translate(6px,-6px);top:0;left:0}input#navcheck:checked~.nav-btn label span:nth-child(2){opacity:0}input#navcheck:checked~.header .navbar .nav-menu{display:block!important;position:absolute;top:72px;left:0;right:0;background-color:#fff}input#navcheck:checked~.backdrop{position:absolute;display:block;background-color:rgb(0 0 0 / .36);width:100%;height:calc(100% - 72px);z-index:1}}.container{width:90%;margin-left:auto;margin-right:auto}.center{text-align:center;margin-left:auto;margin-right:auto}h1{text-align:center;margin-bottom:30px}a{color:#558b2f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post{border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .1);display:flex;flex-direction:column;transition:transform 0.2s}.post:hover{transform:translateY(-3px)}.post img{width:100%;height:auto;display:block}.post-content{padding:15px;flex:1}.post-content img{width:32px;height:32px;object-fit:contain;vertical-align:middle}.post h2{font-size:1.1rem;margin:0 0 10px}.post h2 a{text-decoration:none;color:#558b2f}.post h2 a:hover{color:#a1701d}.post p{margin:0 0 10px;font-size:.9rem}.post em{font-size:.8rem;color:#999}.source{font-size:.9em}.heading{text-align:center}.content{font-size:20px}button{all:unset;cursor:pointer}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease}#theme-toggle:hover{transform:scale(1.2)}#theme-toggle:focus{outline:none;box-shadow:0 0 0 3px rgb(85 139 47 / .6);border-radius:50%}#theme-icon{font-size:1.5rem;line-height:1}@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}