next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss

:host {
  display: flex;
  height: 100%;
  flex: 1;

  .empty-logo {
    flex-flow: column;
    transform: translateY(-100px);
    .app-logo {
      display: flex;
      justify-content: center;
      justify-items: center;
      margin-bottom: 0.6vh;
      img {
        width: 100px;
        height: 100px;
        @media screen and (max-width: 1024px), (max-height: 800px) {
          width: 10vw;
          height: 10vw;
        }
      }
    }

    .app-title {
      font-weight: 600;
      font-size: 2.4em;
      margin-top: 20px;
      @media screen and (max-width: 1024px), (max-height: 800px) {
        font-size: 1.8em;
      }
    }

    .secondary-text {
      margin-top: 1.4em;
      font-size: 1.2em;
      font-weight: 500;
      color: #666666;
    }
  }
}