<template>
  <router-view v-slot="{ Component }">
    <transition :duration="{ enter: 800, leave: 300 }" name="route-fade" mode="out-in">
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<style lang="scss">
  @import "./node_modules/bootstrap/scss/bootstrap";
  @import "@/styles/common-styles.scss";
  @import "@/styles/common-typography-styles.scss";
  @import "@/styles/common-error-styles.scss";
  @import "@/styles/common-animations.scss";
</style>
