:root {
  --primary-color: #028fec;
  --secondary-color: #8fec02;
  --tertiary-color: #164e74;
  --darker-color: #023131;
}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

body,
html {
  font-family: "Montserrat", sans-serif;
  margin: 0;
  padding: 0;
  /* height: 100%; */
  background-image: linear-gradient(to bottom, rgba(2, 143, 236, 0.75), rgba(0, 0, 255, 0.1));
}

/* nav-section */
.navbar {
  background-color: var(--darker-color);
}

.navbar-nav a:hover {
  color: var(--secondary-color);
}

.active {
  font-weight: 500;
  color: var(--secondary-color) !important;
}

.imgCont {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 255, 0.9)), url(pattern.png);
}