@font-face {
  font-family: 'Ubuntu';
  src: url('./fonts/ubuntu-light.woff') format('woff');
}

@font-face {
  font-family: 'UbuntuMono';
  src: url('./fonts/ubuntu-mono.ttf');
}

:root {
  --fonts-override: 'Ubuntu';
}

.code-block, .code-block code {
  font-family: 'UbuntuMono';
}

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

#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;
  }
}

.action-view-right {
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

body.is-embeded .main.menu,
body.is-embeded .header-wrapper,
body.is-embeded .repo-button-row,
body.is-embeded footer
{
  display: none !important;
}

body.is-embeded .page-content {
  margin: 0;
}

body.is-embeded > .full.height, body.is-embeded .ui.container {
  padding: 0;
}