:root {
  /* --font3: "Google Sans"; */
  --font1: "Ubuntu Sans", sans-serif;

  --font3: "Inter", sans-serif;
  --font4: "Source Sans Pro", sans-serif;

  --font-family: "Neusa Next Pro", sans-serif;
  --second-family: "Proxima Nova", sans-serif;
  --third-family: "Ubuntu Sans", sans-serif;

  --green: #34a853;
  --blue: #4285f4;
  --white: #ffffff;
  --color-midnight-purple: #120c21;
  --gray-line: #e6e6e6;
  --color-slate-gray: #53575c;
  --color-dark-bg: #202124;
  --color-medium-gray: #555555;
  --color-accent-yellow: #ecb005;
  --color-accent-blue: #689cff;
  --color-accent-green: #61c34a;
  --color-light-blue: #e8f0fe;
  --color-primary: #1a73e8;
  --color-slate: #858b99;
  --color-blue: #4885f1;
  --color-silver-gray: #b6b7b9;
  --color-dark-blue: #002845;
  --color-dark-blue-line: #405e74;
  --blue-gray-text: #99a9b5;
  --light-blue: #eff4ff;
  --article-title: rgba(0, 40, 69, 0.6);
  --category-title: rgba(0, 40, 69, 0.45);
  --post-button: #13adc1;
  --midnight-navy: #00193c;
  --dusty-steel: #4d5e77;
  --article-text: #394659;
  --text-marker: #06ab91;
  --scroll-button: rgba(19, 173, 193, 0.1);
  --scroll-button-mobile: rgba(19, 173, 193, 0.2);
  --hover-scroll-button: rgba(19, 173, 193, 1);
  --black: #000;
  --ligth-grey: #f5f5f5;
  --button: #007abc;
  --dark-blue: #072155;
  --grey-mid: #666;
  --grey-light-2: #e6e6e6;

  --breakpoint-max-mobile: 767px;
  --breakpoint-min-tablet: 768px;
}

/* -700, 701-1200, 1201 - 1600, 1601+ */