2020-05-25 23:32:57 +02:00
|
|
|
body {
|
2020-05-26 12:56:15 +02:00
|
|
|
font-family: var(--font-family-default);
|
2020-05-26 23:09:30 +02:00
|
|
|
font-size: var(--font-size-base);
|
2020-05-25 23:32:57 +02:00
|
|
|
|
2020-05-26 23:09:30 +02:00
|
|
|
background: var(--color-background);
|
|
|
|
|
color: var(--color-foreground);
|
2020-05-25 23:32:57 +02:00
|
|
|
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
color: var(--color-blue-dark);
|
2020-05-26 12:56:15 +02:00
|
|
|
font-family: var(--font-family-headlines);
|
|
|
|
|
font-weight: 300;
|
2020-05-26 23:09:30 +02:00
|
|
|
font-size: var(--font-size-header-base);
|
2020-05-26 12:56:15 +02:00
|
|
|
letter-spacing: .14em;
|
|
|
|
|
word-spacing: .3em;
|
2020-05-25 23:32:57 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: var(--color-wihte-light);
|
|
|
|
|
text-decoration: underline;
|
2020-05-26 23:09:30 +02:00
|
|
|
line-height: var(--line-height);
|
2020-05-25 23:32:57 +02:00
|
|
|
|
|
|
|
|
&:active,
|
|
|
|
|
&:visited {
|
|
|
|
|
color: var(--color-wihte-light);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: var(--color-black-dark);
|
|
|
|
|
background: var(--color-blue-light);
|
|
|
|
|
}
|
|
|
|
|
}
|
