File tree Expand file tree Collapse file tree 7 files changed +165
-273
lines changed Expand file tree Collapse file tree 7 files changed +165
-273
lines changed Original file line number Diff line number Diff line change
1
+ @import url (" https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:wght@400;600&display=swap" );
2
+
3
+ :root {
4
+ --primary-color : #f54538 ;
5
+ --black : #070707 ;
6
+ --gradient : radial-gradient (#525252 , #131313 );
7
+ }
8
+
9
+ * {
10
+ box-sizing : border-box ;
11
+ margin : 0 ;
12
+ padding : 0 ;
13
+ }
14
+
15
+ html {
16
+ font-size : 62.5% ;
17
+ }
18
+
19
+ body {
20
+ color : white ;
21
+ font-family : " Montserrat" , sans-serif ;
22
+ }
23
+
24
+ h1 {
25
+ font-size : 2.5rem ;
26
+ font-family : " Lobster" , cursive;
27
+ font-weight : lighter ;
28
+ }
29
+
30
+ h2 {
31
+ font-size : 8rem ;
32
+ font-family : " Lobster" , cursive;
33
+ font-weight : lighter ;
34
+ }
35
+
36
+ h3 {
37
+ font-size : 3.5rem ;
38
+ }
39
+
40
+ h4 {
41
+ font-size : 3rem ;
42
+ }
43
+
44
+ p {
45
+ font-size : 2.5rem ;
46
+ }
47
+
48
+ li {
49
+ font-size : 2rem ;
50
+ }
51
+
52
+ a {
53
+ color : white ;
54
+ text-decoration : none ;
55
+ }
Original file line number Diff line number Diff line change
1
+ @media screen and (max-width : 1200px ) {
2
+ html {
3
+ font-size : 50% ;
4
+ }
5
+
6
+ nav {
7
+ #logo {
8
+ flex : 1 ;
9
+ }
10
+ ul {
11
+ margin-left : 5rem ;
12
+ }
13
+ }
14
+
15
+ .showcase {
16
+ grid-template-columns : 10% 1fr 10% ;
17
+
18
+ img {
19
+ width : 100% ;
20
+ object-fit : contain ;
21
+ }
22
+
23
+ img ,
24
+ h2 ,
25
+ .info {
26
+ grid-column : 2 / 3 ;
27
+ text-align : center ;
28
+ }
29
+ }
30
+
31
+ .features {
32
+ align-items : center ;
33
+
34
+ h2 {
35
+ margin-top : 5rem ;
36
+ }
37
+
38
+ .cards {
39
+ flex-direction : column ;
40
+ width : 60% ;
41
+
42
+ .card {
43
+ margin : 5rem 0rem ;
44
+ }
45
+ }
46
+ }
47
+
48
+ .soon {
49
+ overflow : hidden ;
50
+
51
+ img {
52
+ width : 60% ;
53
+ }
54
+
55
+ h2 {
56
+ font-size : 5rem ;
57
+ }
58
+ }
59
+
60
+ .footer {
61
+ h1 {
62
+ flex : 1 ;
63
+ }
64
+ }
65
+ }
66
+
67
+ @media screen and (max-width : 640px ) {
68
+ .features {
69
+ .cards {
70
+ width : 100% ;
71
+ }
72
+ }
73
+ }
You can’t perform that action at this time.
0 commit comments