font-family: sans-serif;
margin: 0;
padding: 0;
- background-color: #fdfdfd;
+ background-color: #ededed;
font-size: 100%;
+ color: #303030;
}
-div, h2, h3, nav ul {
+div, h2, h3, h1, nav ul {
margin: 0;
padding: 0;
}
padding: 1em;
display: block;
height: 1em;
- background-color: black;
- color: white;
+ background-color: #1c1c1c;
+ color: #9d9d9d;
}
h1 {
- margin: 1em 1em 1em 1em;
- padding: 0;
- font-size: 200%;
+ font-size: 250%;
+ font-weight: bold;
+}
+
+#header h1 {
+ margin: 0;
+ margin-top: 0.5em;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ padding: 0.5em;
+ font-size: 300%;
font-weight: bold;
+ color: white;
+ background-color: #1c1c1c;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
}
h2 {
font-size: 160%;
font-weight: bold;
+ margin: 0;
}
h3 {
font-weight: bold;
}
-h2,h3 {
- margin: 0em 0em 1em 0em;
+h3 {
+ margin: 0em 0em 1em 0em;
}
#content {
- margin: 0em 1em 0em 1em;
- padding: 0;
+ margin: 0em 2rem 0em 2rem;
+ padding: 1em;
+ background-color: white;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
}
nav li {
margin: 1em 1em 1em 1em;
padding: 1em 1em 1em 1em;
border-left-style: solid;
- border-left-color: black;
+ border-left-color: #cccccc;
border-left-width: 6px;
+ background-color: #f5f5f5;
}
code {