<template>
  <div id="page">
    <Menu />
    <div id="content" class="pure-g"></div>
  </div>
</template>

<script>
import Menu from "@/components/Menu.vue";
import "@/../node_modules/remixicon/fonts/remixicon.css";

export default {
  name: "App",
  components: {
    Menu,
  },
  data() {
    return {
    };
  },
};
</script>

<style>
html {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
body {
  font-family: "Fira Code", monospace;
  font-weight: 300;
  font-size: 1.5em;
  text-align: center;
  color: #f1f1f1;
  margin: 0;
  background: #000000;
}
a {
  text-decoration: none;
  color: #ff8800;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: #3e3e3e99;
}
::-webkit-scrollbar-thumb {
  background: #ff880099;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff99;
}
</style>
