/* ===== Container ===== */

#gposts{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    padding:30px;

}


/* ===== Card ===== */

.gpost-card{

    display:block;

    background:#1d1d1d;

    border:2px solid #3d3d3d;

    border-radius:15px;

    overflow:hidden;

    text-decoration:none;

    transition:.3s;

}


/* ===== Hover ===== */

.gpost-card:hover{

    transform:translateY(-8px) scale(1.03);

    border-color:#bb2800;

    box-shadow:
        0 0 10px #bb2800,
        0 0 25px rgba(235, 17, 1, 0.4);

}


/* ===== Image ===== */

.gpost-image{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

}


/* ===== Text Box ===== */

.gpost-info{

    padding:20px;

}


/* ===== Title ===== */

.gpost-title{

    color:white;

    font-family:'Press Start 2P', cursive;

    font-size:14px;

    line-height:1.8;

    text-align:center;

    margin:0;

}

/* ============================= */
/* Mobile Responsive */
/* ============================= */

@media (max-width:768px){

    #gposts{

        grid-template-columns:1fr;

        gap:20px;

        padding:15px;

    }

    .gpost-image{

        height:180px;

    }

    .gpost-title{

        font-size:12px;

        line-height:1.6;

    }

}