@import '../base';

html {
  height: 100%;
}

body.error-page {
  padding: 0;
  min-height: 100%;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-page-content {
  padding: 4rem 1.5rem;
  width: 94%;
  border-radius: $border-radius;

  @include media-breakpoint-up(md) {
    width: 80%;
  }

  @include media-breakpoint-up(lg) {
    width: 60%;
  }
}

.error-page-404 {
  background: linear-gradient(45deg, $brand-primary 50%, $brand-success 50%);
}

.error-page-500 {
  .box-shadow {
    box-shadow: 0 0 100px #ccc;
  }
}