.post:where(.astro-5KULXHGN):nth-child(1){display:block}.post:where(.astro-5KULXHGN):nth-child(2){display:block}.post:where(.astro-5KULXHGN):nth-child(3){display:block}.post:where(.astro-5KULXHGN):nth-child(4){display:block}.postholder:where(.astro-5KULXHGN){width:80%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:absolute;gap:20px;left:50%;transform:translate(-50%,50px);position:relative;z-index:10}.post:where(.astro-5KULXHGN){position:relative;height:250px;width:100%;background-color:#ffffff0a;border-radius:15px;font-family:Gilroy;hyphens:auto;overflow:hidden;border:3px solid rgba(255,255,255,.066);transition:.5s;display:none}.post:where(.astro-5KULXHGN):hover{background-color:#cecece1e;transform:translateY(-5px);box-shadow:0 0 70px #2b2b2b;border:3px solid rgba(255,255,255,.196);transition:.5s}.post:where(.astro-5KULXHGN):hover img:where(.astro-5KULXHGN){filter:blur(8px) brightness(.7);z-index:0;transition:.5s}img:where(.astro-5KULXHGN){background-image:url(./Images/defaultbanner.png);background-size:cover;background-position:center;width:100%;z-index:0;transition:.5s;width:auto;height:100%;left:50%;transform:translate(-50%);position:absolute}.title:where(.astro-5KULXHGN){position:absolute;z-index:11;font-size:30px;bottom:20px;left:20px;font-family:Gilroy;transition:.5s;width:90%}.post:where(.astro-5KULXHGN):hover .title:where(.astro-5KULXHGN){transform:translateY(-50px);transition:.5s}.desc:where(.astro-5KULXHGN){position:absolute;font-family:Cafe;width:90%;font-size:20px;left:20px;bottom:0;transform:translateY(50px);transition:.5s;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post:where(.astro-5KULXHGN):hover .desc:where(.astro-5KULXHGN){transform:translateY(-40px);transition:.5s}.fade:where(.astro-5KULXHGN){width:100%;height:100%;background:linear-gradient(0deg,rgba(24,24,24,1) 0%,rgba(0,212,255,0) 100%);position:absolute;z-index:2;bottom:0;left:0;transition:.5s}.post:where(.astro-5KULXHGN):hover .fade:where(.astro-5KULXHGN){transform:translateY(50px);transition:.5s}a:where(.astro-5KULXHGN){bottom:50px;z-index:11;color:#fff}@keyframes fadeup{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.postholder:where(.astro-5KULXHGN){width:98%;left:0;transform:translateY(50px)}}@media (min-width:2000px){.postholder:where(.astro-5KULXHGN){width:2000px;left:50%;transform:translate(-50%,50px)}}