404page

<template>
  <div>
    <div class="containers d-flex flex-column align-items-center justify-content-center">
      <h1>
        4
        <span></span>
        4
      </h1>
      <p>The page you are looking for might have been remove had it's name changed or its temporaily unavailable</p>
      <router-link to="/" class="btn btn-primary">
        Home page
        <b-icon icon="cursor-fill" variant="dark"></b-icon>
      </router-link>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.containers {
  width: 100vw;
  height: 100vh;
  background-color: #333;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;

  h1 {
    font-size: 10rem;
    display: inline;
    & > span {
      display: inline-block;
      width: 120px;
      height: 120px;
      background-image: url("../../public/img/emoji.png");
      background-size: cover;
      margin: 0px;
    }
  }

  .btn {
    border-radius: 40px;
  }
}
</style>