<template>
  <div id="body">
    <Navbar/>
    <div id="buttons">
      <router-link to="/Rules"><b-button variant="primary">Découvrir le mahjong</b-button></router-link>
      <router-link to="/Index"><b-button variant="primary">Commercer à jouer</b-button></router-link>
    </div>
  </div>
</template>

<script>
  import Navbar from '@/components/Navbar.vue'

  export default {
    name: 'Home',
    components: {
      Navbar
    }
  }
</script>

<style>
  div #buttons {
    display: flex;
    justify-content: space-around;
  }
  b-button {
    display: flex;
  }
</style>