|
|
@ -1,3 +1,10 @@
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
|
|
max-width: 66rem;
|
|
|
|
|
|
|
|
padding: 0 1rem;
|
|
|
|
|
|
|
|
font-size: 1.3rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a:link, a:visited {
|
|
|
|
a:link, a:visited {
|
|
|
|
text-decoration: none;
|
|
|
|
text-decoration: none;
|
|
|
|
color: blue;
|
|
|
|
color: blue;
|
|
|
@ -8,58 +15,36 @@ a:hover, a:active {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
header {
|
|
|
|
header {
|
|
|
|
padding: 1em;
|
|
|
|
padding: 4rem 0;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
margin-bottom: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
header h1 {
|
|
|
|
h1 {
|
|
|
|
margin: 0;
|
|
|
|
font-size: 1.5rem;
|
|
|
|
margin-bottom: .2em;
|
|
|
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
main h1 {
|
|
|
|
h1:before {
|
|
|
|
font-size: 1.5em;
|
|
|
|
content: "▻ ";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
main h2 {
|
|
|
|
h2 {
|
|
|
|
font-size: 1.3em;
|
|
|
|
font-size: 1.3rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
main h3 {
|
|
|
|
h3 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
nav a {
|
|
|
|
nav a {
|
|
|
|
margin-right: 1em;
|
|
|
|
margin-right: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
main {
|
|
|
|
|
|
|
|
padding-left: 1em;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
article h1:before {
|
|
|
|
|
|
|
|
content: "▻ ";
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
blockquote {
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
padding: .3em;
|
|
|
|
padding: .3rem .3rem .3rem .6rem;
|
|
|
|
padding-left: .6em;
|
|
|
|
|
|
|
|
margin-left: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
blockquote p {
|
|
|
|
blockquote p {
|
|
|
|
margin: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
time {
|
|
|
|
|
|
|
|
font-style: italic;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1000px) {
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
|
|
margin-left: 20%;
|
|
|
|
|
|
|
|
margin-right: 20%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|