:root {
/*Colors*/
--primary: #5D84B5;
--secondary: #FF9770;
--dark-primary: #355884;
--light-primary: #CBDCEB;
--light-secondary: #FFF7F2;
--extra-light-primary: #eaeff3;
--white: #ffffff;
--black: #000000;
--text-color: #333333;
--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: 14px;
--font-size-heading: 30px;

/* box-shadow */
--box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
--me-display: calc(-30px - ((100vw - 100%)/ 2) + 0px);
}