:root {
  --main-color: #aaa;
}
a {
  font-style: oblique;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  text-decoration-color: #ab87f1;
}

a:active {
  text-decoration: underline;
  text-decoration-color: #ab87f1;
}
.button {
  color: #ab87f1;
  border-radius: 0.5rem;
  background-color: #222;
  border-style: outset;
  border-color: #222;
}
.drop_zone {
  border: 2px dashed var(--main-color);
  border-radius: 0.5rem;
  width: 100%;
  text-align: center;
  color: #ab87f1;
  min-height: 4rem;
  margin-bottom: 1rem;
  margin-left: 0.9rem;
  margin-right: 0.9rem;
}
.dropdown-item:hover {
  background-color: grey !important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #222;
}

::-webkit-scrollbar-thumb {
  background: #404040;
}

::-webkit-scrollbar-thumb:hover {
  background: #666;
}