@import"https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap";.item-card{box-sizing:border-box;border:5px solid var(--fg);border-radius:15px;padding:5px;margin:7px;width:100%;max-width:300px;max-height:400px}.item-card:hover{background-color:var(--tre)}.item-card a{display:grid;grid-template-rows:2fr 75px;text-decoration:none;color:var(--fg);height:100%}.item-card .img-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:10px}.item-card .main-img{width:100%;object-fit:cover;max-height:300px;border-radius:10px}.item-card .name{display:grid;grid-template-columns:40px auto;grid-template-rows:1fr;align-items:center;padding-top:5px;margin-left:10px}.item-card .name .icon{width:40px;height:40px;margin:0;border-radius:10px;object-fit:cover}.item-card .name p{margin:0 0 0 10px;text-align:left;font-weight:700}.placeholder{display:flex;align-items:center;justify-content:center;height:200px;background:#eee;border-radius:10px;color:#777}.category-filtering aside{padding:.5em;border:4px solid var(--fg);border-radius:.75em;margin-bottom:2em}.category-filtering button{list-style:none;display:flex;flex-direction:row;align-items:center;margin:.1em 0;padding:.4em;border-radius:10px;border-width:0;width:100%;background:none;font-family:inherit;cursor:pointer;color:var(--fg)}.category-filtering button span{margin-left:1em;font-weight:700}.category-filtering button.active{background-color:var(--sec)}.category-filtering button:hover{background-color:var(--tre)}@media screen and (min-width:1230px){.category-filtering{position:sticky;top:1em}.category-filtering aside{position:absolute;right:100%;width:200px;margin-right:20px}}:root{--bg: #f3fff0;--sec: #c9e4c2;--tre: #def1d9;--fg: #1e221b;--fg-light: #247529}html{background:var(--bg);color:var(--fg);font-family:Roboto Slab,serif}p{text-align:justify}a{color:var(--fg-light)}body{max-width:700px;padding:1ex;margin:auto}header{display:flex;align-items:center;text-align:center}footer{margin-bottom:2em}footer p{text-align:center;font-size:.9em}.list{padding:1ex;border:1px solid gray}@media(max-width:720px){header{flex-direction:column}}main{padding-bottom:2em}.container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}div.add-item{display:flex;flex-direction:row;justify-content:center}div.add-item-button{background-color:var(--bg);padding:.5ex;margin:1.5em 0;border-radius:1ex;border:4px solid var(--fg)}div.add-item-button:hover{background-color:var(--tre)}button{background-color:var(--bg);border:none;border-radius:8px;padding:1ex 1em;font-weight:700;cursor:pointer;border:3px solid var(--fg)}button:hover,button:focus,button:focus-visible{background-color:var(--tre)}button:active{background-color:var(--sec)}.add-item-link{display:grid;grid-template-columns:1fr 3fr;text-decoration:none;color:var(--fg)}.add-item-link *{padding:.5ex;margin:auto}@media(min-width:1024px){.about{min-height:100vh;display:flex;align-items:center}}.item-view-back-link{display:flex;align-items:center;text-decoration:none;color:var(--fg);font-weight:bolder}.item-view-back-link span{padding-left:.5em}.item-detail-img{margin:0 auto;display:block;max-height:65vh;max-width:100%;border-radius:15px}.item-detail{margin-top:1em;display:flex;flex-direction:column}img.item-detail-icon{width:3.5em;height:3.5em}.item-detail-title{margin-top:0}@media(min-width:768px){.item-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.item-detail-img{grid-column:1 / 2;grid-row:1 / 8;width:100%;height:auto;object-fit:cover}.item-detail>h1,.item-detail>p,.item-detail>div{grid-column:2 / 3}}