1.card {
2  width: 190px;
3  height: 254px;
4  background: lightgrey;
5  border: 3px inset white;
6  background: #e8e8e8;
7  box-shadow: inset 20px 20px 60px #c5c5c5, inset -20px -20px 60px #ffffff;
8  transition: all .5s ease-in-out;
9  border-radius: 1.5rem;
10  display: flex;
11  justify-content: center;
12  align-items: center;
13  font-weight: bolder;
14  color: #8a8989;
15  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
16}
17
18.card:hover {
19  transform: translateY(-5px);
20  transition: all .5s ease-in-out;
21}