Card by floki1250

1.card {
2  background-color: blue;
3  background: radial-gradient(
4    ellipse at bottom,
5    rgb(9, 76, 114) 0%,
6    rgb(1, 41, 63) 100%
7  );
8  padding: 2rem;
9  border-radius: 1rem;
10  border: 2px solid white;
11}
12.image {
13  animation: myAnim 50s linear 0s infinite normal forwards;
14}
15.heading {
16  color: white;
17  font-weight: 500;
18}
19.icons a {
20  color: aliceblue;
21}
22.icons a svg {
23  color: white;
24  transition: all 0.5s ease-in-out;
25}
26.icons a svg:hover {
27  color: #bf3dd2;
28  scale: 1.25;
29}
30@keyframes myAnim {
31  0%,
32  100% {
33    transform: translateY(0) rotate(0);
34    transform-origin: 50% 50%;
35  }
36
37  15% {
38    transform: translateY(-30px) rotate(-6deg);
39  }
40
41  30% {
42    transform: translateY(15px) rotate(6deg);
43  }
44
45  45% {
46    transform: translateY(-15px) rotate(-3.6deg);
47  }
48
49  60% {
50    transform: translateY(9px) rotate(2.4deg);
51  }
52
53  75% {
54    transform: translateY(-6px) rotate(-1.2deg);
55  }
56}
57