:root {
  --text-color: rgba(60, 100, 90, 1);

  --desktop-text-size: 18px;
  --mobile-text-size: 16px;
  --title-text-size: 38px;

  --background-color: rgba(255, 255, 255, 1);

  --highlight-blue: rgba(22, 192, 186, 0.85);

  --light-blue: rgba(3, 254, 192,0.85);
  --dark-blue: rgba(60, 135, 186, 0.85);

  --grey: lightgray;

  --highlight-background-image: linear-gradient(to bottom right, var(--dark-blue), var(--light-blue));

  --header-content-height: 120px;
  --header-content-mobile-height: 100px;

  --menu-height: 100px;

  --footer-content-height: 100px;
  --footer-content-mobile-height: 80px;

  --gradient-border-thickness: 5px;
  --grey-border-thickness: 2px;

  --general-margin-standard: 1.5rem;

  --header-desktop-height: calc(var(--header-content-height) + var(--menu-height) + var(--gradient-border-thickness));
  --header-mobile-height: calc(var(--header-content-mobile-height) + var(--gradient-border-thickness));

  --footer-height: calc(var(--gradient-border-thickness) + var(--footer-content-height));
  --footer-mobile-height: calc(var(--gradient-border-thickness) + var(--footer-content-mobile-height));

  --image-fade: 0.5rem;

}