Card by revanth-004

1.center {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5}
6.design {
7  height: 200px;
8  width: 200px;
9  border-radius: 40px;
10  background: rgb(255, 11, 0);
11  background: linear-gradient(
12    180deg,
13    rgb(174, 0, 255) 13%,
14    rgb(55, 0, 88) 100%
15  );
16  position: relative;
17  overflow: hidden;
18}
19
20.color-border {
21  border-radius: 50%;
22  background-color: #ffffff20;
23  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
24}
25.circle-1 {
26  height: 220px;
27  width: 220px;
28  position: absolute;
29  right: -50px;
30  top: -50px;
31}
32.circle-2 {
33  height: 180px;
34  width: 180px;
35}
36.circle-3 {
37  height: 140px;
38  width: 140px;
39}
40.circle-4 {
41  height: 105px;
42  width: 105px;
43}
44.circle-5 {
45  height: 70px;
46  width: 70px;
47  border-radius: 50%;
48  background-color: #ffffff;
49  box-shadow: inset gray 0px 0px 60px -20px;
50  position: relative;
51}
52.in-circle {
53  position: absolute;
54  background-color: #d1d1d1;
55  border-radius: 50%;
56}
57.in-circle-1 {
58  position: absolute;
59  height: 10px;
60  width: 10px;
61  background-color: #d1d1d1;
62  box-shadow: inset -1px 0px 0px 0px #b6b6b6;
63  top: 20px;
64  right: 20px;
65  border-radius: 50%;
66}
67.in-circle-2 {
68  height: 8px;
69  width: 8px;
70  box-shadow: inset -0.75px 0px 0px 0px #b6b6b6;
71  top: 32px;
72  right: 18px;
73}
74.in-circle-3 {
75  height: 5px;
76  width: 5px;
77  box-shadow: inset -0.25px 0px 0px 0px #b6b6b6;
78  top: 26px;
79  right: 13px;
80}
81
82.shape {
83  height: 200px;
84  width: 200px;
85  background-color: #484848;
86  transform: rotate(45deg);
87  position: absolute;
88}
89.shadow {
90  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
91}
92.mountain-1 {
93  z-index: 1;
94  bottom: -100px;
95  left: -100px;
96}
97.mountain-2 {
98  bottom: -110px;
99  left: -30px;
100}
101.mountain-3 {
102  z-index: 2;
103  bottom: -150px;
104  left: 90px;
105}
106