:root {
  /* Background */
  --bg-white: rgba(255, 255, 255, 1.0);
  --bg-white-transparent: rgba(255, 255, 255, 0.1);
  --bg-black: rgba(15, 18, 16, 1.0);
  --bg-black-transparent: rgba(15, 18, 16, 0.5);
  /* Text */
  --text-black: rgba(15, 18, 16, 1.0);
  --text-black-transparent: rgba(15, 18, 16, 0.5);
  --text-white: rgba(255, 255, 255, 0.9);
  --text-white-transparent: rgba(255, 255, 255, 0.1);
  /* Gray */
  --hero-gray: rgba(170, 170, 170 , 0.8);
  --shadow-gray: rgba(170, 170, 170 , 1.0);
  --lightgray: rgba(240, 240, 240 , 0.7);
  /* Font size */
  --font-size-logo: 14px;
  --font-size-big: 40px;
  --font-size-medium: 18px;
  --font-size-small: 12px;
  --hero-h2: 35px;
  --hero-h3: 12px;
}