:root {
    --navy: #20415F;
    --green: #004225;
    --sky: #87CEEB;
    --tan: #D2B48C;
    --white: #FAFAFA;
    --lightgrey: #F2f2f2;
    --darkgrey: #363737;
    --red: #B22222;
    --black: #0A0A0A;
    --gold: #D4A017;
    --purple: #6A0DAD;
    --orange: #E67E22;
    --teal: #008080;
    --bg1: var(--navy);
    --fg1: var(--white);
    --fg1hover: var(--tan);
    --bg2: var(--white);
    --fg2: var(--navy);
    --fg2hover: var(--green);
    --bg3: var(--green);
    --bg3shadow: var(--tan);
    --bg3menu: var(--darkgrey);
    --bg3menushadow: var(--lightgrey);
    --fg3: var(--white);
    --fg3hover: var(--tan);
    --fg3menu: var(--white);
    --bg4: var(--green);
    --bg4shadow: var(--tan);
    --fg4: var(--tan);
    --fg4hover: var(--white);
}

* {
    box-sizing: border-box;
}