:root{
  color-scheme: light dark;
}

.card-group {
    max-width: 100%;
    margin: .5em auto;

    display: flex;
    flex-direction: column;
}



.card {
    display: flex;
    flex-flow: column wrap;    
    border-radius: 16px  16px 16px 16px;
    max-width: 50%;
    
    box-shadow: 2px 7px 13px 0px rgba(0,0,0,0.2);
    overflow: hidden; 
    
    border-color: #000000;
    margin: 7px;
   
}
.card .card{

max-width: 100%;
}

.card-body{
    background-color: light-dark(#fffcfc, #222);
    flex-grow: 1;
    padding: 24px; 
}

.card-title{
    color: #e01b24;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif; 
    margin: 0px; 
    padding: 0px; 
     
}
.card-text{
    line-height: 1.4;
    margin: 10px 0px 0px 0px; 
    font-size: 17px;
    color: light-dark(#000000, #ffffff);
    
}

.card:hover{
    scale: 1.05;
    box-shadow: 7px;
}