<template>
  <div class="about">
    <img class="logo" src="../assets/logo.svg" title="logo Vaquant" />
    <p class="simple-description" v-t="'about.description'"></p>
    <hr />
    <app-resume />
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  components: {
    'app-resume': () => import('@/components/AppResume.vue')
  }
})
export default class About extends Vue {}
</script>

<style>
.about {
  margin: 0 0.75rem;
}
.simple-description {
  max-width: 450pt;
  margin: auto;
  font-size: 16pt;
  text-align: justify;
  text-align-last: center;
}
</style>
