@import"https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Lexend:wght@100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}nav{.items{padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);gap:var(--spacing-sm);.nav-item{& a{display:flex;align-items:center;color:var(--color-brown);text-decoration:none;& img{width:20px;margin-right:var(--spacing-xs)}& span{font-weight:700}}+&{margin-left:var(--spacing-xs)}}}}.nav-wrap{position:sticky;top:0;z-index:9999}footer{padding:var(--spacing-md);text-align:center;color:var(--color-white);background-color:var(--color-brown);& a{color:var(--color-white)}>div{padding:var(--spacing-md)}.credits{font-size:var(--font-xs)}}:root{--color-fairy: #fffdfd;--color-fairy-50: #ffe9e7;--color-rose: #b71c1c;--color-white: #ffffff;--color-black: #000000;--color-brown: #6d5050;--color-brown-light: #a48888;--color-pink: #ec889e;--font-fancy: "Cedarville Cursive", cursive;--font-text: "museo-sans-rounded", sans-serif;--font-lex: "Lexend", sans-serif;--spacing-min: 4px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 40px;--spacing-xl: 56px;--spacing-2xl: 80px;--spacing-3xl: 180px;--font-min: 12px;--font-xs: 14px;--font-sm: 16px;--font-md: 24px;--font-lg: 32px;--font-xl: 64px;--font-2xl: 84px;--font-3xl: 128px;--page-contain: 100ch;--page-contain-sm: 60ch;--page-contain-xs: 50ch}@keyframes body-fade-in{0%{opacity:0}to{opacity:1}}body{background-color:var(--color-fairy-50);font-family:var(--font-text);color:var(--color-brown);min-height:100vh;line-height:1.5;@media(prefers-reduced-motion:no-preference){animation:body-fade-in .9s ease .3s both}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.lock{max-width:var(--page-contain);margin:0 auto;padding:0 var(--spacing-md);&[data-size=small]{max-width:var(--page-contain-sm)}&[data-size=min]{max-width:var(--page-contain-xs)}}h2{font-family:var(--font-lex);font-size:var(--font-md);color:var(--color-pink);margin-bottom:var(--spacing-sm)}section{margin-bottom:var(--spacing-xl)}header{>div{padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}& a+a{margin-left:4px}}main{margin:var(--spacing-2xl) 0}.garden-header{background-color:var(--color-brown);color:var(--color-white);padding:var(--spacing-xs);border:1px var(--color-brown) solid}.post-listing{display:flex;grid-gap:var(--spacing-xs);border:dotted 1px var(--color-brown);+&{border-top:none}.date-content{display:flex;flex-direction:column;justify-content:center;align-content:center;padding:var(--spacing-sm);border-right:dotted 1px var(--color-brown);text-align:center;.month{font-weight:700;font-size:var(--font-min)}.year{font-size:var(--font-min)}}.text-content{padding:var(--spacing-sm);& *+*{margin-top:var(--spacing-xs)}.category{font-size:var(--font-xs);font-weight:700}.post-title{font-size:var(--font-sm)}.post-description{font-size:var(--font-xs)}}}#garden{.search-container{margin-bottom:var(--spacing-lg)}#garden-categories{display:flex;position:relative;top:2px;.garden-category-tag{border:1px var(--color-brown) solid;padding:var(--spacing-xs);+.garden-category-tag{margin-left:var(--spacing-xs)}&[data-selected=true]{background-color:var(--color-brown);color:var(--color-white)}&:hover,&:focus{background-color:var(--color-brown-light);color:var(--color-white)}}}#garden-search{padding:var(--spacing-sm);width:100%;border:none;border-radius:50px}}