This repository has no description
1.newsletter-page {
2 margin: 20px auto 20px;
3 max-width: 450px;
4 padding: 20px;
5}
6
7.newsletter-page .alt-card {
8 text-align: left;
9 }
10
11.newsletter-page ul {
12 margin-top: -5px;
13}
14
15.newsletter-form {
16 display: flex;
17 flex-direction: column;
18 max-width: 300px;
19 }
20
21 .newsletter-form input {
22 margin-bottom: 15px;
23 }
24
25 .newsletter-form {
26 display: flex;
27 flex-direction: column;
28 max-width: 300px;
29 background: none;
30 border: none;
31 margin: auto;
32 padding: 0px;
33 text-align: center;
34 gap: 6.2px;
35 font-family: articulat-cf;
36 margin-top: 27.7px;
37 }
38
39 .newsletter-page p {
40 text-align: center;
41 margin: 0px auto;
42 }
43
44 .newsletter-form label {
45 font-weight: 600;
46 }
47
48 .intro-paragraph {
49 max-width: 300.2px;
50 margin: auto;
51 margin-top: auto;
52 gap: 10px;
53 display: flex;
54 flex-direction: column;
55 margin-top: 20px;
56 }
57
58 button {
59 background: var(--button-bg);
60 border: none;
61 border-radius: 6px;
62 color: var(--button-text);
63 cursor: pointer;
64 margin: auto;
65 max-width: 175px;
66 padding: 10px 15px;
67 font-weight: 700;
68 font-size: 1em;
69 transition: background-color 0.3s ease;
70 }