2020-02-24 17:41:02 +01:00
|
|
|
|
2019-07-13 11:35:57 +02:00
|
|
|
:root {
|
2020-05-23 10:49:25 +02:00
|
|
|
|
|
|
|
|
--white: #FFFFFF;
|
|
|
|
|
|
|
|
|
|
--blue: #0055ff;
|
|
|
|
|
--blue-light: #F1F4FC;
|
|
|
|
|
--blue-dark: #2F4C9B;
|
|
|
|
|
|
|
|
|
|
--ink: #393C44;
|
2020-06-23 09:19:16 +02:00
|
|
|
--grey-7: #808192;
|
|
|
|
|
--grey-5: #ADAEC4;
|
2020-05-23 10:49:25 +02:00
|
|
|
|
|
|
|
|
--grey: #F2F2F2;
|
2020-06-23 09:19:16 +02:00
|
|
|
--grey-1: var(--grey-1);
|
|
|
|
|
--grey-4: #e8e8ef;
|
|
|
|
|
--grey-4: #E6E6E6;
|
2020-05-23 10:49:25 +02:00
|
|
|
|
2020-06-04 20:27:25 +02:00
|
|
|
--red: #E26D69;
|
|
|
|
|
--red-light:#FFE6E6;
|
|
|
|
|
--red-dark: #800400;
|
|
|
|
|
|
2019-07-13 11:35:57 +02:00
|
|
|
|
2020-06-23 09:19:16 +02:00
|
|
|
--font-black: "Inter Black";
|
|
|
|
|
--font-bold: "Inter Bold";
|
|
|
|
|
--fontsemibold: "Inter Medium";
|
|
|
|
|
--font-normal: "Inter";
|
|
|
|
|
|
|
|
|
|
--bodytext: var(--font-normal) "regular" var(--secondary100) 16pt;
|
|
|
|
|
--bigbodytext: var(--font-normal) "regular" var(--secondary100) 20pt;
|
|
|
|
|
--smallbodytext: var(--font-normal) "regular" var(--secondary100) 12pt;
|
|
|
|
|
--lightbodytext: "regular" "normal" 16pt var(--font-normal);
|
|
|
|
|
--heavybodytext: var(--font-bold) "regular" var(--secondary100) 16pt;
|
|
|
|
|
--quotation: var(--font-normal) "italics" var(--darkslate) 16pt;
|
|
|
|
|
--smallheavybodytext: var(--font-bold) "regular" var(--secondary100) 14pt;
|
|
|
|
|
|
|
|
|
|
|
2019-07-13 11:35:57 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html, body {
|
2020-04-06 17:12:11 +02:00
|
|
|
display: grid;
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-normal);
|
|
|
|
|
color: var(--ink);
|
2019-07-13 11:35:57 +02:00
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
2020-06-23 09:19:16 +02:00
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
2019-07-13 11:35:57 +02:00
|
|
|
}
|
|
|
|
|
|
2020-05-02 16:29:10 +02:00
|
|
|
#app {
|
|
|
|
|
height: 100%;
|
2020-06-01 23:04:32 +02:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
overflow-y: hidden;
|
2020-05-02 16:29:10 +02:00
|
|
|
}
|
|
|
|
|
|
2019-07-13 11:35:57 +02:00
|
|
|
h1 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-black);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 36pt;
|
|
|
|
|
color: var(--secondary100);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h2 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-bold);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 30pt;
|
|
|
|
|
color: var(--secondary100);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h3 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-bold);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 24pt;
|
2020-03-24 11:56:48 +01:00
|
|
|
color: var(--secondary60);
|
2019-07-13 11:35:57 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h4 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-bold);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 18pt;
|
2020-05-23 14:00:38 +02:00
|
|
|
color: var(--ink);
|
2019-07-13 11:35:57 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h5 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-black);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 14pt;
|
|
|
|
|
color: var(--secondary100);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h5 {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-black);
|
2019-07-13 11:35:57 +02:00
|
|
|
font-size: 12pt;
|
|
|
|
|
color: var(--darkslate);
|
2020-03-12 15:23:29 +01:00
|
|
|
}
|
|
|
|
|
|
2020-05-26 16:25:37 +02:00
|
|
|
textarea {
|
2020-06-23 09:19:16 +02:00
|
|
|
font-family: var(--font-normal);
|
2020-05-26 16:25:37 +02:00
|
|
|
}
|
|
|
|
|
|
2020-03-12 15:23:29 +01:00
|
|
|
.hoverable:hover {
|
|
|
|
|
cursor: pointer;
|
2020-02-24 16:00:48 +01:00
|
|
|
}
|
