/*  Fonts
---------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

/*  Variables
---------------------------------------- */

:root {

  /* Colors */
  --color-primary: #08181c;
  --color-secondary: #E51837; /* Red */
  --color-third: #ffce06;
  --color-fourth: #59ab23;
  --color-fifth: #3b54c9;

  /* Fonts */
  --font-primary: 'Anton';
  --font-secondary: 'Space Grotesk';
  --font-third: Courier;
  --font-fourth: Courier;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
}

.color-primary {
    color: var(--color-primary);
}

.color-secondary {
    color: var(--color-secondary);
}