<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* $Id: 01_defaults.css 92 2019-07-26 12:30:30Z fuchsm $ */

/* the colors and global default styles we use, defined using CSS variables */

:root {
    --dark: #161824;
    --light: #f5f5f7;
    --gray: #737889;
}

/* font sizes and line heights */

:root {

  
    --default-border-radius: 8px;

    --nav-horizontal-padding: 16px;
}

:root {
    --outside-margin: 36px; /* cave: column gap is subtracted later in rule */
    --max-column-width: 0px;  /* note: a lot of space actually comes from the --default-grid-column-gap */ 
    
    --default-grid-column-gap: 12px; /* must be small enough that 11 gaps do not exceed the media-queried content width beyond the mobile design level */
  
    --default-section-vertical-padding: 72px;

    --inner-grid-vertical-gap: 32px; /* for card lists etc. */
    --inner-grid-horizontal-gap: 24px;
}

@media (min-width: 768px) {
    :root {
        --default-grid-column-gap: 48px; /* must be small enough that 11 gaps do not exceed the media-queried content width beyond the mobile design level */
    }
}

@media (min-width: 1024px) {
    :root{
        --max-column-width: 16px;  /* note: a lot of space actually comes from the --default-grid-column-gap */ 
    }
}
@media (min-width: 1600px) {
    :root{
        --max-column-width: 64px;  /* note: a lot of space actually comes from the --default-grid-column-gap */ 
    }
}



/* links */

a {
    color: #0033ff;
    text-decoration: none;
}

p a:hover {
    text-decoration: underline;
}
p a { 
    color: #0033ff;
}
header p a {
    color: inherit;
}

a img {
    /* filter: sepia(80%) hue-rotate(120deg) brightness(50%); */
    filter: url(#imagetint);
    -webkit-filter: url(#imagetint);
    transition: 0.25s;
}

a:hover img {
    opacity: initial;
    filter: initial;
}
/* see: https://codepen.io/AmeliaBR/pen/JdXpPB/*/
.defs-only {
    position: absolute;
    height: 0; width: 0;
    overflow: hidden;
    left: -100%;
}

/* typography common to all components */

body {
    font-family: "Inter", sans-serif;
}

img {
    width: 100%;
}

/* per-element typography */
/* see: https://rsms.me/inter/dynmetrics/ */

/* x-large elements */

section.banner &gt; h1 {
    font-size: 50px;
    font-weight: 600; 
    letter-spacing: -0.022em;
    line-height: 48px;
    margin-bottom: 0;
}

/* large elements */

section h1 {
    font-size: 24px;
    letter-spacing: -0.019em;
    line-height: 28.8px;
}

section.banner p {
    font-size: 30px;
    line-height: 28px;
    max-width: 30em;
}

section article h2 {
    margin-top: 12px;
}

main &gt; section &gt; p {
    margin-bottom: 24px;
}

/* tiny header elements */

section h2,
nav, 
header,
footer h1  {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

section h2 {
    line-height: 16px;
    align-self: flex-start;
}

section article h1 {
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 24px;
    margin-top: 8px;
    padding-bottom: 15px;
}

/* tiny elements */

footer,
section
{
    font-size: 15px;
    letter-spacing: -0.009em;
    line-height: 21px;
    hyphens: auto;
}

/* time boxes */

section.calendar-list time span:first-child {
    font-weight: 600;
}
section.calendar-list time span:nth-child(1n+2) {
    text-transform: uppercase;
}
</pre></body></html>