.category{padding-top:24px}.card-container{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:flex-start}.card{border-radius:8px;box-shadow:0 4px 8px #0003;flex:1 0 100%;margin:16px;overflow:hidden;text-align:left;transition:box-shadow .5s ease}.card:hover{box-shadow:0 6px 10px #00000040}.card a{color:inherit;text-decoration:none}.card img{height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.card:hover img{transform:scale(1.1)}.card h2{-webkit-line-clamp:1;color:#222;display:-webkit-box;font-size:1.2rem;min-height:1.2em;overflow:hidden}.card .detail,.card h2{-webkit-box-orient:vertical;margin:16px}.card .detail{-webkit-line-clamp:2;align-items:baseline;color:#333;display:flex;display:-webkit-box;font-size:.9rem;justify-content:space-between;min-height:2.5em}.card .tags{display:flex;overflow:hidden;padding:0 8px 8px}.card .tags div{background-color:#eee;border-radius:4px;color:#333;font-size:.9rem;margin:0 4px;padding:4px 8px}.card{flex:0 0 calc(100% - 32px)}@media screen and (min-width:576px){.card{flex:0 0 calc(50% - 32px)}}@media screen and (min-width:768px){.card{flex:0 0 calc(50% - 32px)}}@media screen and (min-width:992px){.card{flex:0 0 calc(33.33% - 32px)}}