/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;300;400;500;600;700;800;900&display=swap');

/* Root */
:root {
  /* Colors */
  --primary: #000000;
  --secondary: #949597;
  --text-secondary: #A5B4B5;
  --text-light: #C9CED1;
}

/* Body Styling */
body {
  font-family: 'Barlow', sans-serif !important;
  max-width: 90%;
}

@media(max-width: 80rem) {
  body {
    max-width: 90%;
  }
}

p {
  font-size: 1.125rem;
}

a {
  color: var(--secondary) !important;
}

/* Logo */
@media (min-width: 576px) {
  .img-logo {
    max-width: 300px;
  }
}

/* Text */
.text-primary {
  color: var(--primary) !important;
}

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

.text-black {
  color: black;
}

.text-muted {
  color: var(--text-light) !important;
}

/* Button */
.btn-primary {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}