:root {
    /*Colors*/
    --primary: #B96025;
    --secondary: #F5C293;
    --brown: #5C3713;
    --black: #000000;
    --yellow: #FFDF2C;
    --white: #ffffff;
    --font-body: #222222;
    /* background colors */
    --bg-primary: #B96025;
    --bg-secondary: #F5C293;
    --bg-secondary-light: #FEF7EF;
    /*Font Family*/
    /* --font-primary: 'Noto Sans', sans-serif;
    --font-secondary: 'Open Sans', sans-serif; */
    --font-primary: "Poppins", sans-serif;
    --font-secondary: "Roboto", sans-serif;
    --font-heading: "Oswald", sans-serif;
    /* box-shadow */
    --box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    --me-display: calc(-30px - ((100vw - 100%)/ 2) + 0px);
}