Port closed-source landing page over to gatsby + github pages
1header {
2 display: flex;
3 flex-direction: row;
4 flex-shrink: 0;
5 width: 100%;
6 padding: 0px 100px 0px 100px;
7 max-width: 1300px;
8 align-items: center;
9 margin: 0px auto;
10 height: 75px;
11}
12
13header .nav {
14 margin-left: 30px;
15 font-size: 14px;
16}
17
18header .logo {
19 display: flex;
20}
21
22header .logo img {
23 width: 25px;
24 height: 25px;
25 margin-right: 20px;
26}
27
28@media (max-width: 850px) {
29 header .logo img {
30 width: 20px;
31 height: 20px;
32 margin-right: 10px;
33 }
34
35 header {
36 padding: 0px 10% 0px 10%;
37 }
38
39 header .nav {
40 margin-left: 15px;
41 font-size: 14px;
42 }
43}
44
45@media (max-width: 350px) {
46 header .logo img {
47 width: 20px;
48 height: 20px;
49 margin-right: 5px;
50 }
51
52 header {
53 padding: 0px 10% 0px 10%;
54 }
55
56 header .nav {
57 margin-left: 10px;
58 font-size: 12px;
59 }
60}