1body {
2 font-family: "Courier New", Courier, monospace;
3 margin: 0;
4 background-color: #121212;
5 color: #d0f0c0;
6}
7
8main {
9 min-height: 100vh;
10}
11
12header {
13 background-color: #1e1e1e;
14 border-bottom: 1px solid #444;
15 padding: 1rem 2rem;
16}
17
18nav {
19 display: flex;
20 justify-content: space-between;
21 align-items: center;
22}
23
24.logo {
25 font-size: 1.5rem;
26 font-weight: bold;
27 color: #00ff5f;
28}
29
30nav ul {
31 list-style: none;
32 margin: 0;
33 padding: 0;
34 display: flex;
35}
36
37nav ul li {
38 margin-left: 1.5rem;
39}
40
41nav ul li a {
42 text-decoration: none;
43 color: #d0f0c0;
44}
45
46nav ul li a:hover {
47 color: #00ff5f;
48}
49
50main {
51 padding: 2rem;
52}
53
54.features-list h2,
55.usage h2,
56.contact-info h2,
57.support h2 {
58 color: #00ff5f;
59 border-bottom: 2px solid #00ff5f;
60 padding-bottom: 0.5rem;
61 margin-bottom: 1rem;
62}
63
64a {
65 color: #00ff5f;
66 text-decoration: none;
67}
68
69.features-list ul,
70.usage ul {
71 list-style: none;
72 padding: 0;
73}
74
75.features-list ul li,
76.usage ul li {
77 background-color: #1e1e1e;
78 padding: 1rem;
79 border-radius: 5px;
80 margin-bottom: 1rem;
81 border-left: 4px solid #00ff5f;
82 color: #d0f0c0;
83}
84
85footer {
86 text-align: center;
87 padding: 2rem;
88 background-color: #1e1e1e;
89 border-top: 1px solid #444;
90 font-size: 0.9rem;
91 color: #888;
92}
93
94footer a {
95 color: #00ff5f;
96 text-decoration: none;
97}
98
99footer a:hover {
100 text-decoration: underline;
101}
102
103.button {
104 display: inline-block;
105 padding: 0.5rem 1rem;
106 background-color: #00ff5f;
107 color: #121212;
108 text-decoration: none;
109 border-radius: 5px;
110 transition: background-color 0.3s ease;
111}
112
113.hero {
114 display: flex;
115 flex-direction: column;
116 justify-content: space-between;
117 align-items: center;
118 padding: 2rem;
119}
120
121code {
122 background-color: #1e1e1e;
123 padding: 0.3rem;
124 border-radius: 5px;
125 color: #00ff5f;
126}