:root{--font-family-default:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-weight-default:500;--font-weight-bold:700;--base-line-height:1.7;--spacing:2rem;--color-default:#000;--color-white:#fff;--color-accent:#FF4626;--color-accent-translucent:rgba(255, 70, 38, 0.5);--color-mute:#999999;--size-smallest:0.7rem;--size-smaller:0.8rem;--size-small:0.9rem;--size-default:1.5rem;--size-big:1.7rem;--size-bigger:2.5rem;--size-biggest:2.9rem;--spacing-default:0.01em;--spacing-wide:0.02em;--spacing-wider:0.05em;--spacing-widest:0.10em;--transition:0.3s;--narrow:600px;--medium:900px;--wide:1200px;--extra-wide:1700px}@import "https://fonts.xz.style/serve/inter.css";blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,time,ul{margin:0;padding:0}html{font:105%/1.7 var(--font-family-default);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;font-weight:var(--font-weight-default)}*,*:before,*:after{box-sizing:border-box;margin:0}.clickable{cursor:pointer}body{margin:var(--spacing)0;@media screen and (min-width:600px){margin: calc(var(--spacing) * 2) 0; } @media screen and (min-width: 900px) { margin: calc(var(--spacing) * 3) 0; } } .container { max-width: 1120px; margin: 0 auto; padding: 0 calc(var(--spacing) / 2); @media screen and (min-width: 600px) { padding: 0 var(--spacing); } @media screen and (min-width: 900px) { padding: 0 calc(var(--spacing) * 2); } } .category { display: flex; flex-wrap: wrap; &.wrap { .list{width:100%;@media screen and (min-width:600px){width: 49%; } @media screen and (min-width: 1200px) { width: 33%; } } &.professional .list { &:last-child { width: 100%; ul{@media screen and (min-width:600px){column-count: 2; } @media screen and (min-width: 1200px) { column-count: 3; } } } } } &.columns { .list { width: 100%; } ul { column-count: 1; @media screen and (min-width: 600px) { column-count: 2; } @media screen and (min-width: 1200px) { column-count: 3; } } } } .page-footer { margin-top: calc(var(--spacing) * 2); } ::-moz-selection { color: var(--color-white); background-color: var(--color-accent); } ::selection { color: var(--color-white); background-color: var(--color-accent); } .logo { font-weight: var(--font-weight-bold); line-height: 1.1; margin-bottom: calc(var(--spacing) / 2); display: inline-block; position: relative; margin-left: 2.8rem; i { line-height: 1.37; font-size: 1.7rem; width: 2.4rem; display: inline-block; color: var(--color-accent); position: absolute; margin-right: 0.4em; left: -3.2rem; } @media screen and (min-width: 900px) { margin-left: 0; } } .homepage-header nav { margin-bottom: calc(var(--spacing) / 2); display: flex; gap: 0 calc(var(--spacing) / 2); flex-wrap: wrap; } .icon { font-size: 0.8em; color: var(--color-white); transition: color var(--transition); position: absolute; } h2 { margin-top: 4em; margin-bottom: 0; border-bottom: 1px solid #eee; line-height: 1.2em; font-weight: var(--font-weight-bold); position: relative; transition: border-bottom-color var(--transition); i { left: -1.9rem; } } h3 { margin-top: 2em; margin-bottom: 0.5em; font-weight: var(--font-weight-bold); line-height: 1.3; position: relative; i { left: -1.6rem; line-height: 2; } } h2,h3 { &:hover,&:focus { i { color: var(--color-mute); } } } .job-title { font-weight: var(--font-weight-bold); display: block; } a { color: var(--color-default); text-decoration-color: var(--color-accent-translucent); transition: text-decoration-color var(--transition); &[href^="#"],&[rel=self] { text-decoration: none; text-decoration-color: var(--color-white); } &:hover,&:focus { &:not(.headline) { text-decoration: underline; text-decoration-color: var(--color-accent); } &.headline>* { border-bottom-color: var(--color-accent); } } } p { @media screen and (min-width: 900px) { margin: var(--spacing) 0; font-size: 1.1rem; line-height: 1.35; } @media screen and (min-width: 1200px) { margin: var(--spacing) 0; line-height: 1.4; width: 66%; } } .homepage-content .note { display: block; margin: calc(var(--spacing) / 2) 0; } ul { list-style: none; padding: 0; margin: 0; li { padding: 0.2em var(--spacing) 0.2em 1.6em; position: relative; line-height: 1.5em; display: block; &:before { content: "—"; color: var(--color-accent); position: absolute; left: 0; } a { color: var(--color-default); text-decoration-color: var(--color-white); transition: text-decoration-color var(--transition); &:hover,&:focus { text-decoration: underline; text-decoration-color: var(--color-accent); } } } } .mute { color: rgb(200,200,200); } small,.page-footer span,.homepage-header nav * { font-size: 0.80rem; display: inline-block; line-height: 1.4rem; } html[dir=rtl] { .logo i { left: unset; right: -3.2rem; } h2 i { right: -1.9rem; } h3 i { right: -1.6rem; } ul li { padding: 0.2em 1.6em 0.2em var(--spacing); &:before { display: none; } &:after { content: "—"; color: var(--color-accent); position: absolute; right: 0; } } } @font-face { font-family: 'datavis'; src: url('/icons/datavis.eot?27521448'); src: url('/icons/datavis.eot?27521448#iefix') format('embedded-opentype'),url('/icons/datavis.woff2?27521448') format('woff2'),url('/icons/datavis.woff?27521448') format('woff'),url('/icons/datavis.ttf?27521448') format('truetype'),url('/icons/datavis.svg?27521448#datavis') format('svg'); font-weight: normal; font-style: normal; } [class^=icon-]:before,[class*=" icon-"]:before { font-family: "datavis"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-link:before { content: '\e800'; } .icon-logo:before { content: '\e801'; }}}}}}}