.my-class {
  color: red;
  background-color: yellow;
  padding: 10px;
  text-align: center;
  width: 10px;
  width:90px; 
  height:60px; 
  float:left; 
  text-align:center;
}

.card {
 color: red;
  border: 4px solid gray;
  padding: 10px;
  background-color: #f9f9f9;
}

.mystyle {
  color: black;
   background-color: gray;
   padding: 10px;
   text-align: left;
   width : 10%;
   nowrap;
}

.myc {
  width: 450px; /* Adjust as needed */
  padding: 2px; /* Adjust as needed */
  background-color: red; /* Light gray background */
  border: 1px solid #d3d3d3; /* Light gray border */
  border-radius: 15px; /* Smooth rounded corners */
  box-shadow: 4px 4px 4px lightblue; /* Subtle shadow */
  text-align: center; /* Center the text inside (optional) */
}