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    rgba(255, 11, 0, 1) 13%,
14    rgba(255, 158, 0, 1) 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}
50
51.shape {
52  height: 200px;
53  width: 200px;
54  background-color: #484848;
55  transform: rotate(45deg);
56  position: absolute;
57}
58.shadow {
59  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
60}
61.mountain-1 {
62  z-index: 1;
63  bottom: -100px;
64  left: -100px;
65}
66.mountain-2 {
67  bottom: -110px;
68  left: -30px;
69}
70.mountain-3 {
71  z-index: 2;
72  bottom: -150px;
73  left: 90px;
74}
75