@font-face {
    font-family: sans-pro-reg;
    src: url("/banana/css/fonts/SourceSansPro-Regular.ttf");
}

@font-face {
    font-family: sans-pro-bold;
    src: url("/banana/css/fonts/SourceSansPro-Bold.ttf");
}

@font-face {
    font-family: sans-pro-light;
    src: url("/banana/css/fonts/SourceSansPro-Light.ttf");
}

:root {
    --baseGreen: #8bc34a;
    --baseGreenDark: #597d30;
    --baseOrange: #ff9800;
    --baseBlue: #2196f3;
    --baseRed: #f44336;
    --baseRedDark: #9e2d24;
    --baseGray: #c3c3c3;
    --veryDarkGrey: #3e3e3e;

    --siteMain: #3cbbc3;
    --siteMainDark: #164548;

    /* Colors by name */
    --altoGray: #d7d7d7;

    --menuBackground: #3e3e4a;
    --menuBackHover: #1c1c27;
    --menuTextColor: #cacaca;

    --fontReg: sans-pro-reg;
    --fontRegular: sans-pro-reg;
    --fontBold: sans-pro-bold;
    --fontLight: sans-pro-light;

    --lightGreyBoxShadow: 0px 0px 10px 0px #d4d4d4;
}