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

#topics{

    display:grid;

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

    gap:30px;

    padding:30px;

}


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

.topic-card{

    display:block;

    background:#1d1d1d;

    border:2px solid #3d3d3d;

    border-radius:15px;

    overflow:hidden;

    text-decoration:none;

    transition:.3s;

}


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

.topic-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 ===== */

.topic-image{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

}


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

.topic-info{

    padding:20px;

}


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

.topic-title{

    color:white;

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

    font-size:14px;

    line-height:1.8;

    text-align:center;

    margin:0;

}