index.scss

@import '../../../assets/scss/animations.scss';

@include zoominAnimation;
@include showhiddenAnimation;

.splash-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  .content {
    text-align: center;
  }
  .logo {
    height: unquote('max(25vw, 200px)');
    animation: zoomin 10s ease-out;
    animation-fill-mode: forwards;
  }
  .title {
    font-size: 1.4em;
    color: white;
    margin-top: 25px;
  }
  .wave {
    margin-top: 35px;
    visibility: hidden;
    animation: showhidden 8s linear;
    animation-fill-mode: forwards;
  }
}