1.card {
2  width: 190px;
3  height: 254px;
4  background: rgb(38, 38, 38);
5  box-shadow: 7px 5px 10px rgba(0, 0, 0, 0.333);
6}
7
8.imge {
9  height: 70px;
10  background-color: #ff5858;
11}
12
13.imge .Usericon {
14  background-color: #414141;
15  transform: translateX(10px) translateY(10px);
16  width: 50px;
17  height: 50px;
18  border-radius: 10px;
19}
20
21.imge .UserName {
22  background-color: #414141;
23  width: 60px;
24  height: 15px;
25  border-width: 10px;
26  border-radius: 5px;
27  border-color: #262626;
28  color: #262626;
29  font-size: 15px;
30  font-weight: bold;
31  transform: translateX(70px) translateY(-35px);
32}
33
34.imge .Id {
35  background-color: #414141;
36  width: 100px;
37  height: 15px;
38  border-width: 10px;
39  border-radius: 5px;
40  border-color: #262626;
41  color: #262626;
42  font-size: 15px;
43  font-weight: bold;
44  transform: translateX(70px) translateY(-25px);
45}
46
47.Description {
48  border-color: #141414;
49  background-color: #414141;
50  transform: translate(5px, 6px);
51  width: 180px;
52  height: 130px;
53  border-radius: 5px;
54}
55
56/*______Social Media______*/
57.social-media:before {
58  content: " ";
59  display: block;
60  width: 100%;
61  height: 2px;
62  transform: translatey(10px);
63  background: #414141;
64}
65
66.social-media a {
67  margin-right: 15px;
68  text-decoration: none;
69  color: inherit;
70}
71
72.social-media a:last-child {
73  margin-right: 0;
74}
75
76.social-media a svg {
77  color: #ff5858;
78  transform: translatex(25px) translateY(20px);
79  width: 20px;
80  fill: currentColor;
81}