@use 'apps/dashboard/src/variables' as *;

.user-background {
  height: 100%;
  position: relative;
}

.page-not-found-container {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;

  .page-not-found-content {
    background: $color-light-stronger;
    border-radius: rhythm(1.5);
    display: flex;
    flex-direction: column;
    gap: rhythm(4);
    padding: rhythm(4) rhythm(3);
    text-align: center;
    width: rhythm(56);

    .logo img {
      height: rhythm(8);
    }

    .display-s {
      font-weight: $font-weight-semi-bold;
      margin-top: rhythm(2);
    }

    .error-code {
      font-weight: $font-weight-semi-bold;
      font-size: rhythm(14);
      line-height: rhythm(14);
    }
  }
}
