<template>
  <div class="page-container animated fadeIn text-center self-start">
    <!-- <q-img
      class="page-logo"
      alt="Teknokomo Logo"
      src="~assets/logo.svg"
      fit="contain"
    /> -->
    <!-- <span class="page-text"> Вы авторизованы </span> -->
    <ChangeLog />
  </div>
</template>

<script>
import ChangeLog from "./ChangeLog.vue";
export default {
  name: "IsAuth",
  props: {},
  components: { ChangeLog },
};
</script>

<style scoped>
.page-container {
  --animate-duration: 2s;
  --animate-delay: 2s;

  width: 100%;
  gap: 20px;
  color: rgba(255, 255, 255, 1);
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
}
.page-logo {
  max-height: 25vh;
  max-width: 25vw;
}

.page-text {
  font-size: 4rem;
}

.page-text02 {
  font-size: 2rem;
}

.page-text07 {
  font-size: 1.5rem;
}

.page-text09 {
  font-size: 1.5rem;
}

@media (max-width: 820px) {
  .page-text {
    font-size: 2.5rem;
  }
  .page-text02 {
    font-size: 1.6rem;
  }
  .page-text07 {
    font-size: 1.2rem;
  }
  .page-text09 {
    font-size: 1.2rem;
  }
}
@media (max-width: 530px) {
  .page-text02 {
    font-size: 1.2rem;
  }
}
@media (max-width: 400px) {
  .page-text {
    font-size: 2rem;
  }
  .page-text02 {
    font-size: 0.8rem;
  }
  .page-text07 {
    font-size: 0.8rem;
  }
  .page-text09 {
    font-size: 0.8rem;
  }
}
</style>
