2022-04-16 10:43:45 +00:00
|
|
|
@font-face {
|
|
|
|
|
font-family: 'FivoSansModern-Regular';
|
|
|
|
|
src: url('/FivoSansModern-Regular.otf');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
--brand-orange: #ff8c0d;
|
|
|
|
|
--brand-purple: #464d77;
|
|
|
|
|
--brand-green: #36827f;
|
|
|
|
|
--brand-blue: #00a0e9;
|
|
|
|
|
--gray-100: #f8f9fa;
|
|
|
|
|
--gray-200: #e9ecef;
|
|
|
|
|
--gray-300: #dee2e6;
|
|
|
|
|
--gray-400: #ced4da;
|
|
|
|
|
--gray-500: #adb5bd;
|
|
|
|
|
--gray-600: #6c757d;
|
|
|
|
|
--gray-700: #495057;
|
|
|
|
|
--gray-800: #343a40;
|
|
|
|
|
--gray-900: #212529;
|
|
|
|
|
--gray-950: #1a1e23;
|
|
|
|
|
--gray-1000: #0a0c0e;
|
|
|
|
|
--font-family-title: 'FivoSansModern-Regular', sans-serif;
|
|
|
|
|
--font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
|
|
|
|
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
|
|
|
'Noto Color Emoji';
|
|
|
|
|
--font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
|
|
|
|
|
|
|
|
--font-size-base: 1rem;
|
|
|
|
|
--spacing-base: 1rem;
|
|
|
|
|
--spacing-sm: 0.25rem;
|
|
|
|
|
--spacing-md: 0.5rem;
|
|
|
|
|
--spacing-lg: 1rem;
|
|
|
|
|
--spacing-xl: 1.5rem;
|
2022-08-18 21:10:02 +00:00
|
|
|
--navbar-height: 75px;
|
2022-08-14 18:13:46 +00:00
|
|
|
|
|
|
|
|
--font-size-sm: 0.875rem;
|
|
|
|
|
--font-size-md: 1.25rem;
|
|
|
|
|
--font-size-lg: 1.5rem;
|
2022-04-16 10:43:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
font-family: var(--font-family-sans);
|
|
|
|
|
color: var(--gray-900);
|
|
|
|
|
line-height: 130%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thomaswilson-container {
|
2022-08-18 21:10:02 +00:00
|
|
|
--container-padding: 24px;
|
2022-04-16 10:43:45 +00:00
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
2022-08-18 21:10:02 +00:00
|
|
|
min-height: calc(100vh - var(--navbar-height) - calc(2 * var(--container-padding)));
|
2022-04-16 10:43:45 +00:00
|
|
|
background-color: var(--gray-100);
|
2022-08-18 21:10:02 +00:00
|
|
|
padding: var(--container-padding);
|
2022-04-16 10:43:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thomaswilson-container .section {
|
2022-05-06 21:21:44 +00:00
|
|
|
padding: 24px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-width: 750px;
|
2022-04-16 10:43:45 +00:00
|
|
|
font-size: 1.19rem;
|
|
|
|
|
line-height: 134%;
|
|
|
|
|
padding-bottom: var(--spacing-base);
|
|
|
|
|
color: var(--gray-700);
|
|
|
|
|
padding-bottom: 2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thomaswilson-strapline .title {
|
|
|
|
|
font-family: var(--font-family-title);
|
|
|
|
|
font-size: var(--font-size-base);
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: var(--gray-800);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.thomaswilson-strapline p {
|
|
|
|
|
font-size: 1.6rem;
|
|
|
|
|
line-height: 131%;
|
|
|
|
|
letter-spacing: -0.25px;
|
|
|
|
|
font-weight: 250;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6 {
|
|
|
|
|
font-family: var(--font-family-title);
|
|
|
|
|
padding-bottom: 0.25rem;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: var(--gray-800);
|
2022-04-17 10:07:40 +00:00
|
|
|
padding-top: 8px;
|
|
|
|
|
padding-bottom: 6px;
|
2022-05-22 14:07:01 +00:00
|
|
|
line-height: 120%;
|
2022-04-16 10:43:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p,
|
|
|
|
|
li,
|
|
|
|
|
a {
|
|
|
|
|
font-size: 1.08rem;
|
|
|
|
|
line-height: 143%;
|
|
|
|
|
font-family: var(--font-family-sans);
|
|
|
|
|
margin: 0;
|
|
|
|
|
color: var(--gray-800);
|
|
|
|
|
padding: 8px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ul,
|
|
|
|
|
ol {
|
|
|
|
|
padding-left: var(--spacing-base);
|
|
|
|
|
}
|
