1.form {
2  background-color: white;
3  padding: 3.125em;
4  border-radius: 10px;
5  display: flex;
6  flex-direction: column;
7  align-items: center;
8  box-shadow: 5px 5px 15px -1px rgba(0,0,0,0.75);
9}
10
11.signup {
12  color: rgb(77, 75, 75);
13  text-transform: uppercase;
14  letter-spacing: 2px;
15  display: block;
16  font-weight: bold;
17  font-size: x-large;
18  margin-bottom: 0.5em;
19}
20
21.form--input {
22  width: 100%;
23  margin-bottom: 1.25em;
24  height: 40px;
25  border-radius: 5px;
26  border: 1px solid gray;
27  padding: 0.8em;
28  font-family: 'Inter', sans-serif;
29  outline: none;
30}
31
32.form--input:focus {
33  border: 1px solid #639;
34  outline: none;
35}
36
37.form--marketing {
38  display: flex;
39  margin-bottom: 1.25em;
40  align-items: center;
41}
42
43.form--marketing > input {
44  margin-right: 0.625em;
45}
46
47.form--marketing > label {
48  color: grey;
49}
50
51.checkbox, input[type="checkbox"] {
52  accent-color: #639;
53}
54
55.form--submit {
56  width: 50%;
57  padding: 0.625em;
58  border-radius: 5px;
59  color: white;
60  background-color: #639;
61  border: 1px dashed #639;
62  cursor: pointer;
63}
64
65.form--submit:hover {
66  color: #639;
67  background-color: white;
68  border: 1px dashed #639;
69  cursor: pointer;
70  transition: 0.5s;
71}