:root {
  --main-font: "Libre Baskerville";
  --base-font-size: 18px;
  --dark-navy-blue: #242d4b;
  --white: #fbfbfb;
  --crimson: #a52422;
  --cool-grey: #93a8ac;
  --cool-grey-alpha: #93a8ac80;
  --raisin-black: #242325;
  --dark-bg-color: var(--dark-navy-blue); 
  --lite-bg-color: var(--white); 
  --alt-bg-color: var(--cool-grey);
  --main-fg-color: var(--raisin-black);
  --lite-fg-color: var(--white);
  --dark-fg-color: var(--dark-navy-blue); 
  --alt-fg-color: var(--cool-grey);
  --main-accent-color: var(--crimson);
  --header-fg-color: var(--dark-navy-blue);  
  --mobile-padding-y: 2rem;
  --mobile-padding-x: 1rem;
  --header-padding-y: 2vh;
  --header-padding-x: 6vw;
  --content-padding-y: 4rem;
  --content-padding-x: var(--header-padding-x);
  --element-padding-x: 4rem;
  --element-padding-y: 2rem;
}