.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/** Ye Olde CSS Variables **/
:root {

    --bc-turqoise: #1abc9c;
    --bc-green-sea: #16a085;
    --bc-emerald: #2ecc71;
    --bc-nephritis: #27ae60;
    --bc-peter-river: #3498db;
    --bc-belize-hole: #2980b9;
    --bc-amethyst: #9b59b6;
    --bc-wisteria: #8e44ad;
    --bc-wet-asphalt: #34495e;
    --bc-midnight-blue: #2c3e50;
    --bc-sunflower: #f1c40f;
    --bc-orange: #f39c12;
    --bc-carrot: #e67e22;
    --bc-pumpkin: #d35400;
    --bc-alizarin: #e74c3c;
    --bc-pomegranate: #c0392b;
    --bc-cloud: #ecf0f1;
    --bc-silver: #bdc3c7;
    --bc-concrete: #95a5a6;
    --bc-asbestos: #7f8c8d;
    
    --palette-black: #000;
    --palette-a-dark: #16141a;
    --palette-a-key: #1e1d24;
    --palette-b-dark: #2d2b33;
    --palette-b-key: #36343d;
    --palette-c-dark: #414045;
    --palette-c-key: #4b4a4f;

    --gray-darker: #6e6e73;
    --gray-darkerish: #717180;
    --gray-dark: #9f9fa6;
    --gray-key: #bbbbc3;
    --gray-light: #d0d0d9;
    --gray-lighter: #ececf2;
    --gray-faint: #f2f4f7;
    --blue-dark: #256eb8;
    --blue-key: #2189d9;
    --blue-light: #2f9bed;
    --purple-dark: #1b4db3;
    --purple-key: #215ed9;
    --purple-light: #3275fa;

    /*
        Fonts Available:
        1. "Manrope" -- 200, 300, 400, 500, 600, 700, 800
        2. "Inter" -- 300, 400, 500, 600, 700
    */
    --font-headline: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body-copy: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-form-inputs: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}


/* General element styles here, may be overridden later */
button, button:focus, button:active {
    border: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    outline: none;
    cursor: pointer;
}

.clr {
    clear: both;
}


:root,html,body {
    max-width: 100%;
    overflow-x: hidden;
}
html {
    overflow-y: scroll;
}
body {
    font-optical-sizing: auto;
    background-color: #fff;
}