<template>
  <div id="app" class="bg-pic">
    <router-view />
  </div>
</template>

<style lang='scss'>
  .bg-pic{
    background-image: url("/bg-pic.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .chat-pic{
    background-image: url("/chat-pic3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

    .chat-pic1{
    background-image: url("/chat-pic4.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

    .study-pic{
    background-image: url("/study-pic.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

      .suggest{
    background-image: white;
  }
</style>