:root {
    /*Colors*/
--primary: #14365F;
--secondary: #E8734D;
--dark-primary: #111B27;
--light-primary: #C7D5E5;
--light-secondary: #FFF7F2;
--white: #ffffff;
--black: #000000;
--text-color: rgba(0, 0, 0, 0.7);
--gray_1: #8B8B8B;
--light-gray: #F7F7F7;

    /*Font Family*/
    --font-body: "Roboto", sans-serif;
    --font-heading: "Oswald", sans-serif;
    --font-heading2: "DM Serif Display", serif;

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