-html { height: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+html {
+ height: 100%;
+ font-family: "Lucida Grande", Verdana, Arial, sans-serif;
+}
+
+header, main, footer, p {
+ margin: 0;
+ padding: 0;
}
h1, h2, h3, h4, h5, h6 {
}
body > header > h1 {
+ font-family: Geneva, sans-serif;
+ font-weight: 100;
font-size: 5rem;
}
display: flex;
flex-direction: column;
- margin: 2.5rem 0;
+ margin-top: 2.75rem;
+}
+
+article:first-of-type {
+ margin-top: 0;
+}
+
+article:not(:first-of-type) {
+ border-top: 1px solid black;
+ padding-top: 2rem;
}
-article h1 a,
-article h1 a:visited {
+article > header h1 a,
+article > header h1 a:visited {
text-decoration: none;
}
-article h1 a:hover,
-article h1 a:active{
+article > header h1 a:hover,
+article > header h1 a:active{
text-decoration: underline;
}
-article h1 {
+article > header h1 {
font-size: 2rem;
}
-article a.read-more {
- margin-top: 1rem;
+article > main {
+ margin: 1.6rem 0;
+}
+
+article > main:last-child {
+ margin-bottom: 0;
+}
+
+nav.pagination:first-child {
+ margin-bottom: 3rem;
+}
+
+nav.pagination:last-child {
+ margin-top: 3rem;
}
@media (prefers-color-scheme: dark) {
color: #dfdede;
}
- article.teaser:not(:first-of-type) {
+ article:not(:first-of-type) {
border-top: 1px solid #dfdddd;
}
}