:root {
  --primary-color: #ffffff;
  --secondary-color: #000000;
  --netral-color: #ffffff;

  --text-primary: #000000;

  --primary-btn: #474a4e;
  --hover-btn: #1b1f25;
}

body {
  font-size: 18px;
}

main {
  background-color: var(--netral-color);
}

.subheading {
  text-decoration: overline;
}

.navbar-nav .nav-link {
  color: var(--text-primary);
  transition: color, font-weight 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--primary-btn);
  font-weight: bolder;
}

footer .nav-link {
  color: var(--text-primary);
  transition: color, font-weight 0.3s ease;
}

footer .nav-link:hover {
  color: var(--primary-btn);
  font-weight: bolder;
}
.btn {
  color: var(--netral-color);
  background-color: var(--primary-btn);
  border: none;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: var(--hover-btn);
  color: var(--netral-color);
}

footer {
  background-color: var(--netral-color);
  border: #000000 0.5px solid;
}