/* FONT IMPORTS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');
/* Als Candide als webfont gehost wordt */
@font-face {
font-family: 'Candide';
src: url('/fonts/Candide-Regular.woff2') format('woff2'),
url('/fonts/Candide-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* ROOT VARIABLES */
:root {
--font-heading: 'Candide', serif;
--font-body: 'Open Sans', sans-serif;
--color-navy: #1F3554;
--color-cream: #F0EBE6;
}
/* GLOBAL */
body {
font-family: var(--font-body);
font-weight: 400;
color: var(--color-navy);
background: var(--color-cream);
line-height: 1.7;
font-size: 16px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.section-title {
font-family: var(--font-heading);
font-weight: 400;
color: var(--color-navy);
letter-spacing: 0.02em;
line-height: 1.1;
}
/* OPTIONAL TYPOGRAPHY SCALE */
h1 {
font-size: clamp(3rem, 6vw, 6rem);
}
h2 {
font-size: clamp(2.2rem, 4vw, 4rem);
}
h3 {
font-size: clamp(1.8rem, 3vw, 2.8rem);
}
p,
li,
a,
span,
button,
input,
textarea {
font-family: var(--font-body);
font-weight: 400;
}
Socials
