@use "variables";


// global
body {
  color: variables.$main-text-color;
  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container {
  margin: 0 auto;
  width: 800px;
}


.active-link {
  background: green;
}

nav {
  li {
    cursor: pointer;

    &:hover {
      background: lightblue;
    }
  }
}

.navbar-dropdown {
  background: white;
}


footer {
  padding-bottom: 50px;
}

.main-footer {
  background: transparent;
  padding-top: 2rem;
  font-size: 0.8rem;
  font-style: italic;
}
