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
  text-align: center;
79
  width: 33.33%;
80
}
81
82
@media (max-width: 768px) {
83
  .container {
84
    width: 300px;
85
  }
86
}
87
88
@media (max-width: 500px) {
89
  nav {
90
    width: 300px
91
  }
92
}
93
94
@media (max-width: 375px) {
95
  .container {
96
    padding: 0 20px;
97
    width: auto;
98
  }
99
}
100
101
@media (max-width: 300px) {
102
  nav {
103
    width: auto
104
  }
105
}
106