1.card {
2  width: 210px;
3  height: 280px;
4  background: rgb(39, 39, 39);
5  border-radius: 12px;
6  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.123);
7  display: flex;
8  flex-direction: column;
9  align-items: center;
10  justify-content: flex-start;
11  transition-duration: .5s;
12}
13
14.profileImage {
15  background: linear-gradient(to right,rgb(54, 54, 54),rgb(32, 32, 32));
16  margin-top: 20px;
17  width: 170px;
18  height: 170px;
19  border-radius: 50%;
20  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.329);
21}
22
23.textContainer {
24  width: 100%;
25  text-align: left;
26  padding: 20px;
27  display: flex;
28  flex-direction: column;
29  gap: 10px;
30}
31
32.name {
33  font-size: 0.9em;
34  font-weight: 600;
35  color: white;
36  letter-spacing: 0.5px;
37}
38
39.profile {
40  font-size: 0.84em;
41  color: rgb(194, 194, 194);
42  letter-spacing: 0.2px;
43}
44
45.card:hover {
46  background-color: rgb(43, 43, 43);
47  transition-duration: .5s;
48}