File tree Expand file tree Collapse file tree 3 files changed +59
-1
lines changed
Expand file tree Collapse file tree 3 files changed +59
-1
lines changed Original file line number Diff line number Diff line change 1+ /* Main styles */
2+ :root {
3+ --primary-color : #3498db ;
4+ --secondary-color : #2ecc71 ;
5+ --text-color : #333333 ;
6+ --background-color : #f8f9fa ;
7+ --white-color : #ffffff ;
8+ }
9+
10+ body {
11+ font-family : " Arial" , sans-serif ;
12+ color : var (--text-color );
13+ background-color : var (--background-color );
14+ margin : 0 ;
15+ padding : 0 ;
16+ line-height : 1.6 ;
17+ }
18+
19+ .container {
20+ max-width : 1200px ;
21+ margin : 0 auto ;
22+ padding : 0 20px ;
23+ }
24+
25+ header {
26+ background-color : var (--primary-color );
27+ color : var (--white-color );
28+ padding : 1rem 0 ;
29+
30+ h1 {
31+ margin : 0 ;
32+ }
33+ }
34+
35+ main {
36+ padding : 2rem 0 ;
37+ }
38+
39+ footer {
40+ background-color : #333333 ;
41+ color : var (--white-color );
42+ padding : 1rem 0 ;
43+ text-align : center ;
44+ }
45+
46+ .btn {
47+ display : inline-block ;
48+ padding : 0.5rem 1rem ;
49+ background-color : var (--primary-color );
50+ color : var (--white-color );
51+ text-decoration : none ;
52+ border-radius : 4px ;
53+ transition : background-color 0.3s ;
54+
55+ & --secondary {
56+ background-color : var (--secondary-color );
57+ }
58+ }
Original file line number Diff line number Diff line change @@ -123,7 +123,7 @@ body {
123123
124124 }
125125
126- * Modifiers * /
126+ / * Modifiers */
127127 .banner__button--primary {
128128 background-color : # 0066ff ;
129129 color : # F5F8FB ;
You can’t perform that action at this time.
0 commit comments