.page.messages {
  left: 0;
  opacity: 0.95;
  position: fixed;
  top: @header--height;
  width: 100%;
  z-index: 10;

  .message {
    padding: @default--space;
    text-align: center;

    &.notice {
      background-color: @secondary-yellow;
    }

    &.success {
      background-color: @secondary-green;
      color: @white;
    }

    &.error {
      background-color: @secondary-red;
      color: @white;
    }
  }
}
