:root {
  --color-hover: #3c7dab;
  --color-primary-light-1: #4793cc;
  --color-primary: #4793cc;
}

#navbar .active {
  /*background: var(--color-hover) !important; */
  background: #8b4a62;
}

#navbar {
  background: linear-gradient(45deg,#d46ba3,#d4885c 29%,#d4b25d 66%,#d46ba3);
}

#profile-avatar, .user.profile > .ui > .ui > .ui > .ui.card > .image {
  background: none;
}

#profile-avatar img, .user.profile > .ui > .ui > .ui > .ui.card > .image img {
  border-radius: 100% 100% 100% 0;
}

.board {
  flex-wrap: wrap;
}

.board-column {
  margin-bottom: 1rem !important;
  margin-left: .5rem !important;
  margin-right: .5rem !important;
  width: calc(25% - 1rem);
}

@media screen and (max-width: 992px) {
  .board-column {
    width: calc(33% - 1rem) !important;
  }
}

@media screen and (max-width: 640px) {
  .board-column {
    width: calc(50% - 1rem) !important;
  }
}

@media screen and (max-width: 420px) {
  .board-column {
    width: calc(100% - 1rem) !important;
  }
}