@import "src/styles/variables";

.wrap {
  @include outer_shadow();

  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: $content_bg;
  border-radius: $radius;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 25vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  background: url('../../../sprites/lost.svg') 50% 50% no-repeat;
  background-size: cover;
  text-transform: uppercase;
  text-align: center;

  h2 {
    text-transform: uppercase;
    margin-bottom: $gap;
    font-size: 72px;
  }

  @include tablet {
    h2 {
      font-size: 48px;
    }
  }
}
