html {
    font-family: sans-serif;

    /*
     * Style variables
     */
    --hue: 205;
    --blockBg: hsl(var(--hue), 25%, 100%);
    --blockBgAlt: hsl(var(--hue), 35%, 93%);
    --blockBgDark: hsla(0, 0%, 0%, 25%);

    --borderRadius: 4px;
    --containerBorderRadius: var(--borderRadius);

    --textColor: hsl(var(--hue), 35%, 15%);
    --textColorHighlight: hsl(var(--hue), 80%, 25%);
    --textColorDim: hsl(var(--hue), 15%, 40%);
    --textColorHeading: var(--textColorHighlight);


    --edgeSpacing: 10px;
    --pageEdgeSpacing: 20px;
    --paddingH: 50px;
    --paddingV: 40px;

    --inputBg: hsl(var(--hue), 75%, 98%);
    --inputHoverBg: hsl(var(--hue), 75%, 95%);
    --inputBorder: hsl(var(--hue), 15%, 95%);
    --inputShadow: hsl(var(--hue), 25%, 75%);

    color: var(--textColor);

    background: hsl(var(--hue), 90%, 15%) radial-gradient(100vw 100vw at top right, hsl(var(--hue), 90%, 30%), hsl(var(--hue), 85%, 15%));
}

/* Global page structure */






/* Handle domain sizing on different screen sizes */
/*@media (max-width: 1240px) {*/
/*    .lander aside h1 {*/
/*        font-size: 1vw;*/
/*    }*/
/*}*/

/* Handle lander area on smaller screen sizes */
@media (max-width: 1000px) {
    /*html {*/
    /*    --paddingH: 20px;*/
    /*    --paddingV: 20px;*/
    /*}*/

    /*.lander .domain h1 {*/
    /*    font-size: 2vw;*/
    /*}*/

    /*.lander .domain h2 {*/
    /*    font-size: 3vw;*/
    /*}*/

    /*.lander .domain:after {*/
    /*    display: none;*/
    /*}*/

    /*.block-body {*/
    /*    max-width: 100%;*/
    /*    display: flex;*/
    /*    flex-direction: column-reverse;*/
    /*}*/

    /*.block-footer {*/
    /*    border-top: none;*/
    /*    border-bottom: 1px solid hsl(var(--hue), 15%, 85%);*/
    /*}*/
}

/* Handle footer on smaller screens */
/*@media (max-width: 800px) {*/
/*    .screen-m {*/
/*        display: none;*/
/*    }*/

/*    .blocks > * {*/
/*        margin-top: 0;*/
/*    }*/

/*    html {*/
/*        --edgeSpacing: 0px;*/
/*        --containerBorderRadius: 0px;*/
/*    }*/

/*    footer {*/
/*        background: var(--ctaBackground);*/
/*        padding: 40px var(--paddingH) var(--paddingV);*/
/*    }*/

/*    footer .cta {*/
/*        flex-direction: column;*/
/*        background: none;*/
/*        padding-top: 0;*/
/*    }*/

/*    footer .cta p {*/
/*        margin: var(--paddingV) 0;*/
/*        text-align: center;*/
/*    }*/

/*    footer .copyright {*/
/*        margin: 0;*/
/*    }*/
/*}*/