.post{margin-block:2rem;-webkit-user-select:none;user-select:none}.post .container{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:1199.98px){.post .container{grid-template-columns:repeat(3,1fr)}.post .columns:nth-child(4){display:none}}@media (max-width:991.98px){.post .container{grid-template-columns:repeat(2,1fr)}.post .columns:nth-child(n+3){display:none}}@media (max-width:575.98px){.post .container{grid-template-columns:1fr}.post .columns:nth-child(n+2){display:none}}.post article{overflow:hidden;transition:box-shadow .3s ease-in-out;position:relative;margin-block-end:1.5rem;opacity:0;background-color:var(--page-content-shadow-color);cursor:default}.post article:hover{box-shadow:0 .25rem .5rem 0 var(--page-content-shadow-color)}.post article .image{overflow:hidden;margin-block-end:.5rem;display:block}.post article .image img{height:auto;transition:transform .2s ease-in-out;width:100%}.post article:hover .image img{transform:scale(1.1)}.post article header{position:relative;margin-block:1rem;padding-inline:1rem}.post article header a{color:inherit}.post article header h4{font-size:1.2rem;font-weight:500;position:relative}.post article header h4:before{inset-block-end:-.5rem;height:2px;transform:scaleX(0);transition:transform .3s ease;content:"";position:absolute;background:var(--body-font-color);width:100%}.post article:hover header h4:before{transform:scaleX(1)}.post article p{padding-inline:1rem}.post article footer{margin-block:1rem;text-align:right;padding-inline:1rem}