Card by alexmaracinaru

1.card {
2  width: 190px;
3  height: 264px;
4  background: rgb(183, 226, 25);
5  font-family: inherit;
6  position: relative;
7  border-radius: 8px;
8}
9
10.quote {
11  color: rgb(223, 248, 134);
12  padding-left: 30px;
13  position: relative;
14}
15
16.card-name {
17  text-transform: uppercase;
18  font-weight: 700;
19  color: rgb(127, 155, 29);
20  padding: 35px;
21  line-height: 23px;
22}
23
24.body-text {
25  font-size: 20px;
26  font-weight: 900;
27  padding: 60px 40px 0;
28  color: #465512;
29  position: absolute;
30  top: 40px;
31  left: 1px;
32  line-height: 23px;
33}
34
35.author {
36  margin-top: 5px;
37  opacity: 0;
38  transition: 0.5s;
39}
40
41.card:hover .author {
42  opacity: 1;
43}
44
45.pic {
46  width: 50px;
47  height: 50px;
48  background-color: rgb(158, 196, 21);
49  border-radius: 50%;
50}
51
52.author-container {
53  display: flex;
54  align-items: center;
55}
56
57.author {
58  font-weight: 700;
59  color: rgb(127, 155, 29);
60  padding-left: 30px;
61}
62
63.card .author svg {
64  display: inline;
65  font-size: 12px;
66  color: rgba(128, 155, 29, 0.452);
67}