<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'App',
  components: {
  }
})
export default class extends Vue {
  created() {
    console.log('main app created')
  }
}
</script>
<style lang="scss">
body {
  font-family: 'Oxanium', cursive;
  margin: 0px;
  background: #130933;
  min-width: 320px;
}

input {
  font-family: 'Oxanium', cursive;
}
.general-btn {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-width: 0px;
  background: #3b2a8b;
  cursor: pointer;

  font-weight: bolder;
  font-family: inherit;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  clip-path: polygon(5% 0, 95% 0, 100% 25%, 95% 100%, 5% 100%, 0 75%);
}
.general-btn:disabled {
  background: #aea9c3 !important;
  color: #ffffff !important;
}
.general-btn:active:focus {
  opacity: 0.7;
}
.general-btn.secondary {
  background: transparent;
  border: 1px white solid;
}
</style>
