body {
    font-family: 'Roboto', sans-serif !important;
}

#main-nav .nav-link{
    color: var(--color-primary) !important;
}

.navigation{
    background-color: var(--color-navigation-background);
}

/* Entire scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track (background) */
::-webkit-scrollbar-track {
  background: var(--color-background);
}

/* Thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* On hover */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-accent-2);
}