blob: 24986963a70fd3b9b80932d57b8f67c62558d060 [file] [log] [blame]
Lokesh Yadavba544372021-12-07 15:09:27 +05301.member-container {
2 cursor: pointer;
3 display: flex;
4 position: relative;
5 align-items: flex-start;
6 justify-content: center;
7}
8.member-container1 {
9 flex: 0 0 auto;
10 width: 240px;
11 height: 280px;
12 margin: var(--dl-space-space-halfunit);
13 display: flex;
14 padding: var(--dl-space-space-unit);
15 transition: 0.3s;
16 align-items: center;
17 border-radius: var(--dl-radius-radius-radius8);
18 flex-direction: column;
19 justify-content: center;
20 background-color: #121212;
21}
22.member-container1:hover {
23 box-shadow: 0px 2px 32px 24px #000000;
24 background-color: #181818;
25}
26.member-image {
27 width: 104px;
28 height: 104px;
29 min-width: var(--dl-size-size-small);
30 min-height: var(--dl-size-size-small);
31 object-fit: cover;
32 border-radius: var(--dl-radius-radius-round);
33}
34.member-text {
35 color: var(--dl-color-primary-300);
36 margin-top: var(--dl-space-space-unit);
37}
38.member-text1 {
39 color: var(--dl-color-gray-900);
40 align-self: center;
41 margin-top: var(--dl-space-space-halfunit);
42 text-align: center;
43 margin-bottom: var(--dl-space-space-halfunit);
44}
45.member-text2 {
46 color: var(--dl-color-gray-500);
47 width: 250px;
48 display: none;
49 text-align: center;
50}
51.member-icons {
52 flex: 0 0 auto;
53 display: flex;
54 flex-wrap: wrap;
55 margin-top: var(--dl-space-space-halfunit);
56 align-items: center;
57 margin-bottom: var(--dl-space-space-halfunit);
58 justify-content: center;
59}
60.member-icon {
61 fill: #D9D9D9;
62 width: 20px;
63 transition: 0.3s;
64}
65.member-icon:hover {
66 fill: var(--dl-color-primary-500);
67}
68.member-icon2 {
69 fill: #D9D9D9;
70 width: 20px;
71 transition: 0.3s;
72 margin-left: var(--dl-space-space-unit);
73 margin-right: var(--dl-space-space-unit);
74}
75.member-icon2:hover {
76 fill: var(--dl-color-primary-500);
77}
78.member-icon4 {
79 fill: #D9D9D9;
80 width: 20px;
81 transition: 0.3s;
82}
83.member-icon4:hover {
84 fill: var(--dl-color-primary-500);
85}
86
87
88
89
90
91.rootClassName5 {
92 align-self: center;
93}
94
95
96
97
98
99
100
101
102@media(max-width: 479px) {
103 .member-container {
104 width: auto;
105 }
106 .member-container1 {
107 width: auto;
108 height: auto;
109 margin: 0px;
110 padding-top: var(--dl-space-space-unit);
111 padding-left: 24px;
112 padding-right: 24px;
113 padding-bottom: var(--dl-space-space-unit);
114 }
115 .member-image {
116 width: var(--dl-size-size-medium);
117 height: var(--dl-size-size-medium);
118 min-width: var(--dl-size-size-small);
119 min-height: var(--dl-size-size-small);
120 }
121 .member-text1 {
122 width: var(--dl-size-size-medium);
123 }
124 .member-icon {
125 width: var(--dl-size-size-xsmall);
126 }
127 .member-icon2 {
128 width: var(--dl-size-size-xsmall);
129 }
130 .member-icon4 {
131 width: var(--dl-size-size-xsmall);
132 }
133}