a.blog_item{color:var(--fg-color);text-decoration:none;display:block;margin:16px 0;padding-left:24px;position:relative;transition:padding-left .4s}a.blog_item *{mix-blend-mode:exclusion}a.blog_item::before{position:absolute;top:0;left:0;content:"";display:block;width:8px;height:100%;background-color:var(--fg-color);transition:width .4s;z-index:-1}a.blog_item:hover,a.blog_item:focus{cursor:pointer;padding-left:12px}a.blog_item:hover::before,a.blog_item:focus::before{width:100%}a.blog_item h3{margin:0}a.blog_item p{margin:8px 0}div#tool{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));column-gap:32px;grid-column-gap:32px;row-gap:12px;grid-row-gap:12px;margin:16px 0}div.search_by{width:100%}div.search_by *{display:block;align-self:center;justify-self:center}div.search_by input{width:calc(100% - 18px)}label#page_num_display input,footer label input{width:64px}summary{font-size:1.25rem}summary:hover{cursor:pointer}footer label{display:block;margin:8px auto;width:fit-content}/*# sourceMappingURL=main.css.map */