.cats div{
    border-radius: 1rem !important;
    border:none !important;
    padding: 0rem 0.1rem !important;
}

.cats img{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    filter:brightness(0.5);
}

.cats article:hover img{
    filter:brightness(1);
}

.cats .card-body {background-color:#2a2a2a !important;}

.card-body:hover {background-color:#2a2a2a !important;} 
.card-body {color:#fff !important;}
.card-body a{ color:#fff !important;}

#descs{
    margin-top:1rem;
    padding:1rem;
    display:grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    /* background: #2a2a2a; */
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.5) */
    
}

.fbox-content{
    background: #2a2a2a;
    border: 1pox solid #b3e0f2;
    padding:20px;
    color: #fff;
    box-sizing:border-box;
    
    display:grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 1fr;
    gap: 5px;

    border-radius:1rem !important;
}

.fbox-content h2{margin:0; color: #e40421;}