:root {
  --theme-color: #b3a7fe;
  --bee-color: #faeb8f;
}

body{
  padding-top: 4.9rem;
  padding-bottom: 4rem;
}

.bg-conn{
  background-color: var(--theme-color);
}

.bg-bee{
  background-color: var(--bee-color);
}

.shadow-top{
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.text-black{
  color: black;
}

.hover:hover{
  text-shadow: 1px 1px 2px #808080;
}


/* mods of bootstrap classes */

.active{
  background-color: var(--theme-color) !important;
}

.dropdown-menu{
  min-width: 6rem;
}

.dropdown-item{
  padding-top: .21rem;
  padding-bottom: .21rem;
}

.dropdown-item:active{
  background-color: var(--theme-color);
}