.app-container {
  display: flex;
  flex-wrap: nowrap;
  height: 100vh;
}

.flashes {
  pointer-events: none;
  position: fixed;
  text-align: center;
  width: calc(100% - #{$navigation-width});

  > .flash {
    @extend .alert, .d-inline-block;

    &.flash-notice {
      @extend .alert-info;
    }
  }
}

.main-content {
  @extend .d-flex, .flex-column;

  background-color: $main-content-bg;
  color: $main-content-fg;
  overflow-y: scroll;
  width: calc(100% - #{$navigation-width});
}