#filter+#blog,#filter+#content>p.empty{margin:20px 0 0;}#blog{grid-gap:40px 20px;gap:40px 20px;grid-auto-flow:dense;grid-auto-rows:1px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}#blog>article h3{color:var(--foreground);font-size:20px;font-weight:700;padding:20px;}#blog img{width:100%;}#blog>article>p{padding:0 20px;}#blog p.date{color:var(--primary);margin:20px 0 0;}#blog p.link{margin:40px 0 0;}#blog p.link>a{background:var(--foreground);color:var(--background);line-height:45px;padding:0 20px; }#filter{width:100%;}#filter>h3{color:var(--foreground);font-weight:700;}#filter>input,#filter>select{border:1px solid var(--foreground);height:40px;line-height:38px;margin-top:10px;padding:0 10px;}#filter>select{background:url("/uploads/svg/icons/materialdesignicons/chevron-down.svg?fill=3b3a38&size=24") right 3px center / 24px 24px no-repeat;padding-right:30px;}#filter optgroup{background:var(--foreground);color:var(--background);}#filter option{background:var(--background);color:var(--foreground);}#filter>button{background:var(--foreground);color:var(--background);font-size:20px;height:40px;line-height:40px;margin-top:10px;transition:background .25s linear;}#filter>button:focus,#filter>button:hover{background:var(--primary);}@media(max-width:900px){#keywords:nth-last-child(4){width:100%;}#category,#month:nth-child(4){margin-right:10px;width:calc(50% - 90px);}#filter>button:nth-child(5){width:160px;}}@media(max-width:700px){#category{width:100%;}#month:nth-child(4){width:calc(100% - 170px);}#keywords:nth-last-child(3){width:100%;}#month:nth-child(3){margin-right:10px;width:calc(100% - 170px);}#filter>button:nth-child(4){width:160px;}}@media(max-width:500px){#month{width:calc(100% - 110px)!important;}#filter>button{width:100px!important;}}@media(min-width:701px){#keywords:nth-last-child(3){margin-right:10px;width:calc(70% - 170px);}#month:nth-child(3){margin-right:10px;width:calc(30% - 10px);}#filter>button:nth-child(4){width:160px;}}@media(min-width:901px){#keywords:nth-last-child(4){margin-right:10px;width:calc(50% - 170px);}#category,#month:nth-child(4){margin-right:10px;width:calc(25% - 10px);}#filter>button:nth-child(5){width:160px;}}