form{
    margin-top: 2%;
    width: 50%;
    margin-left: 25%;
}
.card{
    margin-top: 8%;
    margin-left: 8%;
    align-content: center;
    justify-content: center;
}
body{
    background-color: rgb(214, 228, 228);
}
.h3 {
    margin-top: 3%;
    align-content: center;
    justify-content: center;
    margin-left: 29rem;
}


.card {
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
  transform: scale(1.05); 
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); 
}

.card:active {
  transform: scale(0.95); 
}