Card by Sashank02

1.card {
2  padding: 20px;
3  width: 330px;
4  min-height: 370px;
5  border-radius: 20px;
6  background: #e8e8e8;
7  box-shadow: 5px 5px 6px #dadada,
8               -5px -5px 6px #f6f6f6;
9  transition: 0.4s;
10}
11
12.card:hover {
13  translate: 0 -10px;
14}
15
16.card-title {
17  font-size: 18px;
18  font-weight: 600;
19  color: #2e54a7;
20  margin: 15px 0 0 10px;
21}
22
23.card-image {
24  min-height: 170px;
25  background-color: #c9c9c9;
26  border-radius: 15px;
27  box-shadow: inset 8px 8px 10px #c3c3c3,
28            inset -8px -8px 10px #cfcfcf;
29}
30
31.card-body {
32  margin: 13px 0 0 10px;
33  color: rgb(31, 31, 31);
34  font-size: 15px;
35}
36
37.footer {
38  float: right;
39  margin: 28px 0 0 18px;
40  font-size: 13px;
41  color: #636363;
42}
43
44.by-name {
45  font-weight: 700;
46}