* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px; 
  background-color: #f9f9f9;
  transition: all 0.2s ease;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.card:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}