1.card {
2  width: 160px;
3  height: 200px;
4  background: #ffffff;
5  transform: rotate(20deg) skew(-10deg, -5deg);
6  transition: .4s linear;
7  display: flex;
8  justify-content: center;
9  align-items: center;
10  text-align: center;
11  font-size: 1.2rem;
12  font-weight: 700;
13  line-height: 200px;
14}
15
16.card:hover {
17  box-shadow: rgba(0,0,0,0.5) 5px 3px,
18  rgba(0,0,0,0.4) 10px 6px,
19  rgba(0,0,0,0.3) 15px 9px;
20  background: #000;
21  color: #fff;
22  font-size: 1.5rem;
23}