color: black;
}
-h2,
-h3 {
+h1,
+h2 {
display: inline-block;
margin-left: 10px;
font-weight: 300;
}
-h1 {
+header {
margin: -0.3em 0 0 -0.1em;
font-size: 9.6em;
font-style: italic;
text-transform: uppercase;
}
-h2 {
+h1 {
font-size: 4.8em;
}
font-family: 'Helvetica Neue', Arial, sans-serif;
}
-ul {
- list-style: square;
+li {
+ display: block;
}
-li {
+li article {
display: inline-block;
line-height: 1.82em;
}
-aside {
+span {
display: inline;
color: grey;
}
img,
video {
+ display: block;
max-width: 100vw;
}
-li, h2, h3, p {
+header a, li article, h2, h3, p {
background-color: white;
}
color: white;
}
- h1 a, h1 a:visited {
+ header a, header a:visited {
color: white;
}
color: #55FF55;
}
- aside {
+ span {
color: #FFEC27;
}
- li, h2, h3, p {
+ header a, li article, h1, h2, p {
background-color: black;
}
}
* Mini header
*/
@media (max-width: 600px) {
- h1 {
+ header {
font-size: 4.8em;
}
}