1
+ @font-face {
2
+ font-family : "Montserrat" ;
3
+ font-weight : 300 ;
4
+ font-display : swap;
5
+ font-style : normal;
6
+ font-named-instance : "Light" ;
7
+ src : url (/fonts/Montserrat-Light.ttf) format ("truetype" );
8
+ }
9
+
10
+ @font-face {
11
+ font-family : "Montserrat" ;
12
+ font-weight : 300 ;
13
+ font-display : swap;
14
+ font-style : normal;
15
+ font-named-instance : "Light" ;
16
+ src : url (/fonts/Montserrat-Light.ttf) format ("truetype" );
17
+ }
18
+
19
+ @font-face {
20
+ font-family : "Montserrat" ;
21
+ font-weight : 400 ;
22
+ font-display : swap;
23
+ font-style : normal;
24
+ font-named-instance : "Regular" ;
25
+ src : url (/fonts/Montserrat-Regular.ttf) format ("truetype" );
26
+ }
27
+
28
+ @font-face {
29
+ font-family : "Montserrat" ;
30
+ font-weight : 500 ;
31
+ font-display : swap;
32
+ font-style : normal;
33
+ font-named-instance : "Medium" ;
34
+ src : url (/fonts/Montserrat-Medium.ttf) format ("truetype" );
35
+ }
36
+
37
+ @font-face {
38
+ font-family : "Montserrat" ;
39
+ font-weight : 600 ;
40
+ font-display : swap;
41
+ font-style : normal;
42
+ font-named-instance : "SemiBold" ;
43
+ src : url (/fonts/Montserrat-SemiBold.ttf) format ("truetype" );
44
+ }
45
+
46
+ @font-face {
47
+ font-family : "Montserrat" ;
48
+ font-weight : 700 ;
49
+ font-display : swap;
50
+ font-style : normal;
51
+ font-named-instance : "Bold" ;
52
+ src : url (/fonts/Montserrat-Bold.ttf) format ("truetype" );
53
+ }
54
+
55
+ @font-face {
56
+ font-family : "Montserrat" ;
57
+ font-weight : 800 ;
58
+ font-display : swap;
59
+ font-style : normal;
60
+ font-named-instance : "ExtraBold" ;
61
+ src : url (/fonts/Montserrat-ExtraBold.ttf) format ("truetype" );
62
+ }
63
+
64
+ : root {
65
+ --text : # 1c1c1c ;
66
+ --background : # f5f5f5 ;
67
+ --primary : # 283272 ;
68
+ --secondary : # f5b21b ;
69
+ --accent : # 756783 ;
70
+ --success : # 00c458 ;
71
+ --error : # eb1c50 ;
72
+ --danger : # ff653f ;
73
+
74
+ --link : # f5b21b ;
75
+ --link-visited : # f5b21b ;
76
+
77
+ --nav-text : # f5f5f5 ;
78
+ --nav-active : # f5b21b ;
79
+ --nav-background : # 292929 ;
80
+
81
+ --accordion : # f5b21b ;
82
+ --accordion-dark : # f5b21b ;
83
+ --accordion-content-dark : # 2b2b2b ;
84
+ --accordion-content : # ffffff ;
85
+ --accordion-active : # fac341 ;
86
+ --accordion-divider : # 1c1c1c ;
87
+ --accordion-divider-dark : # ca9313 ;
88
+ --subtitle : # 2b2b2b ;
89
+ --subtitle-dark : # a0a0a0 ;
90
+ --button-border : # f5b21b ;
91
+ --button-background : # f5b21b ;
92
+ --button-background-hover : # f5b41b90 ;
93
+ --button-active : # 00509b ;
94
+ --button-outline-background-hover : # f5b41b52 ;
95
+ --dialog-border : # f5b21b ;
96
+ --dialog-text-border : # f5b21b ;
97
+ }
98
+
99
+ # headline {
100
+ font-family : "Impact" , sans-serif;
101
+ color : var (--primary );
102
+ word-break : break-word;
103
+ }
104
+
105
+ # headline > span {
106
+ word-break : keep-all;
107
+ }
108
+
109
+ .accordion-active , .accordion .accordion-last {
110
+ --accordion-divider-dark : var (--accordion );
111
+ }
112
+
113
+ body ,
114
+ button {
115
+ font-family : "Montserrat" , sans-serif;
116
+ }
117
+
118
+ /* https://codepen.io/sosuke/pen/Pjoqqp?__cf_chl_jschl_tk__=ecc0b72797ae71bc009d6322e3e470773936b386-1604211766-0-ASpz720gXnc6Ej0vzlgY9-KLmlPkldgcOx1wAmGTUCjLZLOxkArNxpRzZ9m8woL-NGmP9LBGVPws8UxMJZrR7O1qFH6QkKtrGVPw6StRnXiK1XTQR_nY905r0XobAG2nOmyC6Zq8mdyPDp1MyHD7JLodJUXCRViXhtmLmRVE_-JGarVJRlxs6k3DzAOQQEJewfp00DjhlD0mxr8ZKpk2yq6IPTZZQ52XYxh26FC5MxLHhs7LuAwhtolmDZyp4_IuwRg8I5m-2--MmvGE8CCqjRWrkE85zgkMXPlOqcZtppRpZhn6Uz9DZAuKheHwVBb0ySIhFYG92bvQOgiKX0TTswB1SHgOLIeqktuyUaAgxI_h */
119
+ .iconadjusted {
120
+ filter : invert (57% ) sepia (61% ) saturate (2399% ) hue-rotate (156deg ) brightness (105% ) contrast (102% );
121
+ }
122
+
123
+ # people {
124
+ width : 60% ;
125
+ }
126
+
127
+ @media screen and (max-width : 768px ) {
128
+ # people {
129
+ width : 80% ;
130
+ }
131
+
132
+ .smallcolumn-img {
133
+ width : 100% ;
134
+ }
135
+
136
+ .smallcolumn-img img {
137
+ width : 100% ;
138
+ }
139
+ }
0 commit comments