2024-01-26 11:03:42 +01:00
|
|
|
:root {
|
|
|
|
|
--color-background: #000;
|
|
|
|
|
--color-primary: #ffffff;
|
|
|
|
|
--color-primary--transparent: rgba(255, 255, 255, 0.86);
|
|
|
|
|
--color-secondary: rgb(120, 171, 150, 0.86);
|
2024-04-06 10:08:45 +02:00
|
|
|
--color-secondary--light: rgb(119, 177, 157, 0.2);
|
|
|
|
|
--color-secondary--x-light: rgb(119, 177, 157, 0.1);
|
2024-01-26 11:03:42 +01:00
|
|
|
|
|
|
|
|
--unit--horizontal: 5vw;
|
2024-03-09 11:27:10 +01:00
|
|
|
--unit--vertical: 1.7rem;
|
2024-04-06 11:55:51 +02:00
|
|
|
--unit--vertical-relative: calc(
|
|
|
|
|
var(--unit--vertical) * var(--window-height-factor)
|
|
|
|
|
);
|
2024-01-26 11:03:42 +01:00
|
|
|
|
2024-03-09 11:27:10 +01:00
|
|
|
--font-size-s: 0.8rem;
|
2024-03-09 16:34:09 +01:00
|
|
|
--font-size-m: calc(var(--font-size-s) * 1.5);
|
|
|
|
|
--font-size-l: calc(var(--font-size-m) * 1.5);
|
|
|
|
|
--font-size-xl: calc(var(--font-size-l) * 1.5);
|
|
|
|
|
--font-size-xxl: calc(var(--font-size-xl) * 1.5);
|
2024-01-26 11:03:42 +01:00
|
|
|
|
|
|
|
|
--font-weight-light: 200;
|
2024-03-09 11:27:10 +01:00
|
|
|
--font-weight-bold: 400;
|
|
|
|
|
--font-weight-extra-bold: 550;
|
2024-01-26 11:03:42 +01:00
|
|
|
}
|
2024-03-10 19:24:24 +01:00
|
|
|
|
|
|
|
|
@media screen and (min-width: 640px) {
|
|
|
|
|
:root {
|
|
|
|
|
--color-background: #000;
|
|
|
|
|
--color-primary: #ffffff;
|
|
|
|
|
--color-primary--transparent: rgba(255, 255, 255, 0.86);
|
|
|
|
|
--color-secondary: rgb(120, 171, 150, 0.86);
|
|
|
|
|
--color-secondary--light: rgb(119, 177, 157, 0.25);
|
|
|
|
|
--color-secondary--x-light: rgb(119, 177, 157, 0.15);
|
|
|
|
|
|
|
|
|
|
--unit--horizontal: 5vw;
|
|
|
|
|
--unit--vertical: 1.7rem;
|
|
|
|
|
|
|
|
|
|
--font-size-s: 0.9rem;
|
|
|
|
|
--font-size-m: calc(var(--font-size-s) * 1.5);
|
|
|
|
|
--font-size-l: calc(var(--font-size-m) * 1.5);
|
|
|
|
|
--font-size-xl: calc(var(--font-size-l) * 1.5);
|
|
|
|
|
--font-size-xxl: calc(var(--font-size-xl) * 1.5);
|
|
|
|
|
|
|
|
|
|
--font-weight-light: 200;
|
|
|
|
|
--font-weight-bold: 400;
|
|
|
|
|
--font-weight-extra-bold: 550;
|
|
|
|
|
}
|
|
|
|
|
}
|
