git ssb

1
* {
2
  border: none;
3
  margin: 0;
4
  padding: 0;
5
}
6
7
body {
8
  font-family: Menlo, Monaco, Consolas;
9
  min-height: 100%;
10
}
11
12
.container {
13
  margin: 0 auto;
14
  width: 600px
15
}
16
17
.no-margin-right {
18
  margin-right: 0;
19
}
20
21
.no-margin-left {
22
  margin-left: 0;
23
}
24
25
section {
26
  margin: 30px 0;
27
}
28
section h1 {
29
  color: #000;
30
  margin-bottom: 10px;
31
}
32
section li {
33
  font-size: 10pt;
34
  list-style: none;
35
  margin-bottom: 20px;
36
  text-align: left;
37
}
38
39
header {
40
  background: #EF5350;
41
  color: #FFF;
42
  left: 0;
43
  padding: 50px 0;
44
  right: 0;
45
  text-align: center;
46
  top: 0;
47
}
48
49
h1 {
50
  font-size: 25pt;
51
}
52
h2 {
53
  font-size: 12pt;
54
}
55
h2 a {
56
  color: #FFF;
57
}
58
59
a {
60
  color: #000;
61
  font-size: 10pt;
62
}
63
a:hover {
64
  color: #81D4FA;
65
}
66
67
nav {
68
  margin: 0 auto;
69
  padding: 30px 0;
70
  width: 420px;
71
}
72
nav ul {
73
  overflow: auto;
74
}
75
nav ul li {
76
  float: left;
77
  list-style-type: none;
78
  margin: 0 30px;
79
  text-align: center;
80
  width: 60px;
81
}
82
83
@media (max-width: 768px) {
84
  .container {
85
    width: 300px;
86
  }
87
}
88
89
@media (max-width: 500px) {
90
  nav {
91
    width: 300px
92
  }
93
  nav ul li {
94
    margin: 0 10px;
95
  }
96
}
97
98
@media (max-width: 375px) {
99
  .container {
100
    padding: 0 20px;
101
    width: auto;
102
  }
103
}
104
105
@media (max-width: 300px) {
106
  nav {
107
    width: auto
108
  }
109
  nav ul li {
110
    margin: 0 10px;
111
    margin: 15px 0;
112
    width: 100%;
113
  }
114
}