|
|
@ -6,18 +6,30 @@ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
:root { |
|
|
|
--textColor: #2a2a2a; |
|
|
|
--linkColor: #050094; |
|
|
|
--lightColor: #a8a8a8; |
|
|
|
--backgroundColor: inherit; |
|
|
|
} |
|
|
|
|
|
|
|
html, body { |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body { |
|
|
|
font-family: amikoregular, sans; |
|
|
|
color: var(--textColor); |
|
|
|
background-color: var(--backgroundColor); |
|
|
|
} |
|
|
|
|
|
|
|
a { |
|
|
|
color: #050094; |
|
|
|
color: var(--linkColor); |
|
|
|
} |
|
|
|
|
|
|
|
header { |
|
|
|
padding: 1em; |
|
|
|
border-bottom: #262a50 solid 2px; |
|
|
|
border-bottom: var(--textColor) solid 2px; |
|
|
|
display: flex; |
|
|
|
align-items: baseline; |
|
|
|
} |
|
|
@ -34,7 +46,7 @@ header h1 { |
|
|
|
|
|
|
|
header h2 { |
|
|
|
font-size: 1em; |
|
|
|
color: #a8a8a8; |
|
|
|
color: var(--lightColor); |
|
|
|
margin: 0; |
|
|
|
margin-left: .5em; |
|
|
|
flex: 1; |
|
|
|