:root {
    /*
    To customize styles, set --go-* CSS custom properties inside this :root
    selector. A full list of properties with their defaults is provided below.

    New to CSS Custom Properties? Learn about them here:
    https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

    Accessibility Warning: Use https://webaim.org/resources/contrastchecker/ to
    ensure at least 4.5:1 contrast between background- and text- colors
    */

   
    --go-color--background: white;
    --go-color--primary: #11a072;
    --go-color--navbar-background: var(--go-color--primary);
    --go-color--navbar-app-name: white;
    --go-color--navbar-button: white;
    --go-color--button1-background: var(--go-color--primary);
    --go-color--button1-text: white;
    --go-color--button2-background: var(--go-color--primary);
    --go-color--button2-text: white;
    --go-color--header-background: #ee5f3f;
    --go-color--header-text: white;
    --go-color--areaheading-background: #fffdfd;
    --go-color--areaheading-text: black;
    --go-opacity--button-hover: 0.6;
    --go-opacity--area-hover: 0.8;
   
    }

    /*
    For any additional customizations not covered by the properties above, add
    your own custom CSS selectors after this comment. For example:

    .goheader {
    font-family: serif;
    }
    */