.contis{
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-top:1px solid black;
  
}
.card {
    display: grid;
    grid-template-columns: 400px;
    grid-template-rows: 120px 250px 80px;
    grid-template-areas: "image" "text" "stats";
    border-radius: 18px;
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.9);
    text-align: center;
    width: fit-content;
  }
  .card img{
      width:100%;
  }
  .card-image {
    grid-area: image;
  }
  .card-text {
    grid-area: text;
  }
  .card-stats {
    grid-area: stats; 
  }
  .card-image {
    grid-area: image;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-size: cover;
  }
  .card-text {
    grid-area: text;
    margin: 25px;
    margin-top: 0;
  }
  .card-text .date {
    color: crimson;
    font-size:15px;
    font-weight: 800;
    text-shadow: rgb(0 0 0 / 10%) 2px 2px;
    -webkit-text-stroke: 0.5px white;

  }
  .card-text p {
    color: rgba(27, 27, 27, 0.9);
    font-size:15px;
    font-weight: 500;
  }
  .card-text h2 {
    margin-top:0px;
    font-size:25px;
    text-shadow: rgb(0 0 0 / 10%) 2px 2px;
    color: white;
    -webkit-text-stroke: 0.5px #ff9408;
  }
  .card-stats {
    grid-area: stats; 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #ff9408;
  }
  .card-stats .stat {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: white;
    padding:10px;
  }
  .card:hover {
    transform: scale(1.15);
    box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
  }
  .card {
    transition: 0.5s ease;
    cursor: pointer;
    margin:30px;
  }  
  
  .value{
    font-weight: 400;
    font-size: 15px;
    -webkit-text-stroke: 0.1px #ff9408;
  }
  .type{
    font-weight: 400;
    font-size: 18px;
    -webkit-text-stroke: 0.1px #ff9408;
  }
  .type a{
    height: 50px;
    width: 150px;
    background: #ff9408;
    border: none;
      color: whitesmoke;
      font-size: 22px;
    border-radius: 5px;
    -webkit-text-stroke: 0.1px #ff9408;
    }
    
    @media screen and (max-width: 700px){
        .card{
            grid-template-columns: 300px;
        }
        .card img{height:210px;}
        .value{font-size:12px;}.type{font-size:12px;}.type a{font-size:17px;}
        .card-text h2 {font-size:19px;}
        .card-text p {font-size:13px;}
        
    }