<script setup lang="ts">

import HeaderMenu from '@/components/HeaderMenu.vue'

</script>

<template>
  <div class="center-block-custom content-block center-middle-block-custom height80">
    <div>
      <h1 class="font-text">Вечерний детектив</h1>
      <h3 class="font-text">Дело №0</h3>
      <p class="content-text">
        Поиграем?
      </p>
    </div>
  </div>

  <HeaderMenu active="main" />
</template>

<style lang="css">
.font-text {
  font-family: 'font_old_typer';
}

.content-text {
  position: relative;
  top: 100px;
  right: 0;
  float: right;
}

@media (width >=1024px) {
  .font-text {
    position: relative;
    left: -50px;
  }

  .content-text {
    position: relative;
    top: 100px;
    right: -50px;
  }
}
</style>
