styles.css

:root {
    /* Typography */
    --type-detail-all-weight: 700;

    --type-detail-m-size: 12px;
    --type-detail-m-lh: 15px;
    --type-detail-m-transform: uppercase;

    --type-heading-all-weight: 700;

    --type-heading-xxl-size: 44px;
    --type-heading-xxl-lh: 55px;
    
    --type-heading-xl-size: 36px;
    --type-heading-xl-lh: 45px;

    --type-heading-l-size: 28px;
    --type-heading-l-lh: 35px;

    --type-heading-m-size: 24px;
    --type-heading-m-lh: 30px;

    --type-body-m-size: 18px;
    --type-body-m-lh: 27px;

    /* Spacing */
    --spacing-s: 16px;
    --spacing-m: 24px;
    --spacing-l: 48px;

    /* Colors */
    --spectrum-blue: rgb(20, 115, 230);

    /* Grid */
    --grid-mobile-container-width: 83.4%;
    --grid-desktop-container-width: 1200px;
}

body {
    opacity: 0;
    transition: opacity 0.2s;
    margin: 0;
    font-family: adobe-clean, -apple-system, BlinkMacSystemFont, Segoe UI,Roboto, sans-serif;
}

.is-Loaded {
    opacity: 1;
}

img {
    max-width: 100%;
}

code {
    line-break: anywhere;
}

/* Themes */
.dark {
    color: white;
}

/* Basics */
a.button {
    color: white;
    border: 2px solid var(--spectrum-blue);
    background-color: var(--spectrum-blue);
    border-radius: 16px;
    display: inline-block;
    line-height: 28px;
    padding: 0 14px;
    text-decoration: none;
    font-size: 14px;
}

a.over-background {
    border: 2px solid white;
    background-color: transparent;
    border-radius: 16px;
    display: inline-block;
    line-height: 28px;
    padding: 0 14px;
    text-decoration: none;
    font-size: 14px;
}

/* Block pre-loads */
div[class^='marquee'] {
    display: none;
}