.container{
    display: flex;
    flex-wrap: wrap;
    margin-left: 100px;
    background-color: rgb(28,52,60);
}

.container-card{
    display: flex;
    justify-content: center;
    align-items: center;
}


.card{
    width:19rem;
    margin: 10px;

    >.card-header{
        padding: 2px 2px 1px 1px;
        background-color: rgb(28,52,60);

        >.p-3{
            max-height:60px;
            text-align:center; 
            background-color:black; 
            color:white;
           }
    }

    >.card-body{
        background: linear-gradient(rgb(106, 105, 105)50%, rgba(234, 245, 182, 0.996));
        text-align: center;

        >.card-img-top{
            max-width:300px;
            max-height: 180px;
            min-height: 180px;
        }
        >.card-txt{

            >.card-text{
                color: white;
            }

            >.mt-3{
                >.btn-primary{
                    background-color: transparent;
                    border-color: white;
                }
            }
        }
    }
}