1.card {
2  width: 210px;
3  height: 235px;
4  background: #212121;
5  box-shadow: rgba(0, 0, 0, 0.4) 10px 20px 30px, rgba(0, 0, 0, 0.3) 10px 1px 53px 3px, rgba(1, 0, 0, 0.2) 0px -1px 3px inset;
6  text-align: center;
7  cursor: pointer;
8  transition: all 0.5s;
9  display: flex;
10  align-items: center;
11  justify-content: center;
12  user-select: none;
13  font-weight: bolder;
14  color: #fff;
15}
16
17.card:hover {
18  transform: scale(1.021);
19}
20
21.card:active {
22  transform: scale(0.95) rotateZ(1.1deg);
23}