<template>
  <div class="background column content-center justify-around">
    <div class="row content-center">
      <LoginBox class="col-sm-3"></LoginBox>
    </div>
    <Footer class="footer"></Footer>
  </div>
</template>

<script>
import LoginBox from 'components/LoginBox.vue'
import Footer from 'components/Footer.vue'

export default {
  name: 'Login',
  components: {
    LoginBox,
    Footer
  }
}
</script>

<style lang="scss" scoped>
  .background {
    width: 100vw;
    min-height: 100vh;
    background-color: $yellow-orange-color-wheel;
  }

  .content {
    height: 100vh;
  }

  .footer {
    color: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
  }
</style>
