#blog_display{display:flex;flex-direction:row;flex-wrap:wrap}.card-blog-wrapper{margin-bottom:2rem;flex-basis:100%;padding:1rem}@media (min-width:864px){.card-blog-wrapper{flex-basis:50%}}@media (min-width:1152px){.card-blog-wrapper{flex-basis:33.333333%}}@media (min-width:1440px){.card-blog-wrapper{flex-basis:25%}}.card-blog-wrapper .card-blog{position:relative;height:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.card-blog-wrapper .card-blog .thumb{position:relative;height:15rem;width:100%;overflow:hidden}.card-blog-wrapper .card-blog .thumb img{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:700ms}.card-blog-wrapper .card-blog .infos{position:relative;--tw-bg-opacity:1;background-color:rgb(var(--light-rgb),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.card-blog-wrapper .card-blog .infos .date{display:inline}.card-blog-wrapper .card-blog .infos .date ion-icon{margin-bottom:-0.125rem}.card-blog-wrapper .card-blog .infos p{margin:0px;font-family:var(--font-sans);font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.card-blog-wrapper .card-blog .infos .author{display:inline}.card-blog-wrapper .card-blog .title{margin-bottom:0.5rem;height:6rem;overflow:hidden;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgb(var(--dark-rgb),0.4);padding-top:0.5rem;padding-bottom:0.5rem;font-family:var(--font-serif);font-size:1.5rem;line-height:2rem;font-weight:700;--lines:2 !important}.card-blog-wrapper .card-blog .btn{margin-top:0.5rem}.card-blog-wrapper .card-blog .btn ion-icon{transition-property:transform;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.card-blog-wrapper:hover .card-blog .thumb img{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.card-blog-wrapper:hover .btn ion-icon{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}