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