@import "../variables.scss";

.app {
  &__wrapper {
    height: 100%;
    position: relative;

    @media only screen and (min-width : 768px) {
      margin: auto;
      max-width: 560px;
      width: 100%;
    }

    & > div {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
    }
  }
}

#app-container {
  width: 100vw;
  height: 100vh;
  @extend %col-nowrap;

  @media only screen and (min-width : 768px) {
    //max-width: 560px;
  }
}


@keyframes title_fade_in {
  from {
    opacity: 0;
    top: -10px;
  }
  to {
    opacity: 1;
    top: 0px;
  }
}

.ani_title_fade_in {
  position: relative;
  opacity: 0;
  animation: title_fade_in cubic-bezier(0.23, 1, 0.32, 1) 1;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  animation-delay: 0s;
}