1.card {
2  color: #090909;
3  height: 12rem;
4  width: 20rem;
5  border-radius: 1rem;
6  background: rgb(63, 94, 251);
7  background: radial-gradient(
8    circle,
9    rgba(63, 94, 251, 1) 0%,
10    rgba(252, 70, 223, 1) 100%
11  );
12  border: 1px solid #e8e8e8;
13  display: flex;
14  flex-direction: column;
15  align-items: center;
16  justify-content: flex-end;
17}
18
19.text-1 {
20  margin: 0;
21  font-family: fantasy;
22  font-size: 35px;
23  padding-bottom: 5px;
24  color: transparent;
25  -webkit-text-stroke: 1px #fff;
26}
27
28.text-2 {
29  margin: 0;
30  padding-bottom: 2rem;
31  font-family: fantasy;
32  font-size: 25px;
33  color: #fff;
34}
35
36.text-1,
37.text-2 {
38  animation: scaling 5s infinite;
39}
40
41@keyframes scaling {
42  0% {
43    transform: scale(1);
44    opacity: 1.8;
45  }
46
47  50% {
48    transform: scale(1.1);
49    opacity: 0.8;
50  }
51}
52
53.metal {
54  margin-top: 10px;
55  width: 60px;
56  animation: spin 5.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
57}
58
59@keyframes spin {
60  0% {
61    transform: rotateY(0deg);
62  }
63
64  100% {
65    transform: rotateY(1800deg);
66    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
67  }
68}