Card by aadium

1.card {
2  background-color: #1e2127;
3  border: 3px solid #61dafb;
4  display: flex;
5  flex-direction: column;
6  align-items: center;
7  justify-content: center;
8  font-size: 26px;
9  font-weight: 700;
10  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
11  padding: 30px 20px;
12  color: #61dafb;
13  border-radius: 45px;
14}
15
16.App-logo {
17  pointer-events: none;
18  margin-top: -10px
19}
20
21.App-button {
22  padding: 10px 20px;
23  background-color: transparent;
24  color: #61dafb;
25  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
26  font-size: 15px;
27  border: 3px solid #61dafb;
28  border-radius: 5em;
29  margin-top: 20px;
30  transition: 0.2s;
31}
32
33.App-button:hover {
34  color: #1e2127;
35  background-color: #61dafb;
36}
37
38@media (prefers-reduced-motion: no-preference) {
39  .App-logo {
40    animation: App-logo-spin infinite 5s linear;
41  }
42}
43
44@keyframes App-logo-spin {
45  from {
46    transform: rotate(0deg);
47  }
48
49  to {
50    transform: rotate(360deg);
51  }
52}