:root {
    /*Colors*/
    --primary: #1F3F68;
    --secondary: #932022;
    --dark-primary: #132a48;
        --dark-secondary:#6e1415;
    --light-primary: #C7D5E5;
    --light-secondary: #FFF7F2;
    --light-yellow: #FFF9E7;
    --offwhite:#e5e2d8;
    --white: #ffffff;
    --black: #222;
    --text-color: #333333;
    --gray_1: #8B8B8B;
    --light-gray: #F7F7F7;

    /*Font Family*/
    --font-body: "Roboto", serif;
    --font-heading: "Oswald", serif;
    --font-body2: "DM Sans", serif;

    /*Font Size*/
    --font-size-body: 15px;
    --font-size-heading: 48px;
    
    /* box-shadow */
    --box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    --me-display: calc(-30px - ((100vw - 100%)/ 2) + 0px);
}