1.card {
2  width: 240px;
3  height: 254px;
4  padding: 0 15px;
5  text-align: center;
6  display: flex;
7  align-items: center;
8  justify-content: center;
9  flex-direction: column;
10  gap: 12px;
11  background: #fff;
12  border-radius: 20px;
13}
14
15.card > * {
16  margin: 0;
17}
18
19.card__title {
20  font-size: 23px;
21  font-weight: 900;
22  color: #333;
23}
24
25.card__content {
26  font-size: 13px;
27  line-height: 18px;
28  color: #333;
29}
30
31.card__form {
32  display: flex;
33  flex-direction: column;
34  gap: 10px;
35}
36
37.card__form input {
38  margin-top: 10px;
39  outline: 0;
40  background: rgb(255, 255, 255);
41  box-shadow: transparent 0px 0px 0px 1px inset;
42  padding: 0.6em;
43  border-radius: 14px;
44  border: 1px solid #333;
45  color: black;
46}
47
48.card__form button {
49  border: 0;
50  background: #111;
51  color: #fff;
52  padding: 0.68em;
53  border-radius: 14px;
54  font-weight: bold;
55}
56
57.sign-up:hover {
58  opacity: 0.8;
59} 
60