body{background-color:var(--clr-primary-900);background-image:var(--bg-site);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed}header{--bg:hsla(var(--clr-primary-hsl-900), 1.0);display:flex;justify-content:center;align-items:center;gap:1rem;position:fixed;max-width:1000px;left:50%;transform:translateX(-50%);padding:.5rem 1.75rem .5rem .75rem;box-shadow:0 10px 20px hsla(160,25%,5%,.19),0 6px 6px hsla(160,25%,5%,.23);border-radius:0 0 5px 5px}@media(width < 1024px){header{display:grid;height:auto;padding:.5rem;align-items:center;grid-template-rows:var(--header-height,1fr);grid-template-areas:"logo btn" "nav nav";justify-content:space-between;gap:0}header>a{grid-area:logo}header #menu{grid-area:nav;text-align:center}header #menu ul{gap:0}header #menu ul li{padding:1rem}header>button{grid-area:btn}}body.home header #logo{opacity:0;visibility:hidden;width:0;transition:opacity .75s ease,visibility .75s ease}body.home header #logo.visible-logo{opacity:1;visibility:visible;width:100%}header ul{display:flex;gap:min(3vw,3vh);list-style:none;padding:0}header a{color:var(--clr-secondary-300);fill:var(--clr-secondary-300)}main{padding-top:var(--header-height)}@media(width < 1024px){main{padding-top:calc(var(--header-height) + 1rem)}}.hero{display:grid;grid-template-columns:1fr;align-content:center;align-items:center;justify-items:center;gap:2rem;max-width:800px;min-height:calc(100vh - var(--header-height));margin-inline:auto}.bg-gradient-dark{--angle:45deg;--background:linear-gradient(var(--angle), #639e57, #5f9c2d, #147d19);--background:linear-gradient(var(--angle), hsla(var(--clr-primary-hsl-900), 0.75), hsla(var(--clr-primary-hsl-800), 0.75), hsla(var(--clr-primary-hsl-900), 0.75));color:var(--clr-neutral-100);background:var(--background);background-size:cover;background-position:50% 0;background-blend-mode:multiply}.bg-gradient-dark p a{color:var(--clr-neutral-100)}.tag{font-size:.75em;background:var(--clr-secondary-500);color:var(--clr-secondary-800);padding:0 .75rem}details{background:hsla(var(--clr-secondary-hsl-500),.15);color:hsla(var(--clr-secondary-hsl-700),1);border:1px solid #1f1f1f;padding:.5rem 1rem;border-radius:.25rem;overflow:hidden}details summary{cursor:pointer;margin:-.5rem -1rem;padding:.5rem 1rem}details summary:hover{box-shadow:inset 0 0 30px -10px hsla(var(--clr-secondary-hsl-500),.95);box-shadow:inset 0 40px 40px -40px hsla(var(--clr-secondary-hsl-500),.95)}details::details-content{color:hsla(var(--clr-secondary-hsl-900),1)}