@import "~bulma/bulma"
@import '~vue-loading-overlay/dist/vue-loading'
@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap')

@import "variables"

html
  font-size: 16px
  -moz-osx-font-smoothing: grayscale
  -webkit-font-smoothing: antialiased
  min-width: 300px
  overflow-x: hidden
  overflow-y: scroll
  text-rendering: optimizeLegibility
  background-color: $light-gray

h2
  font-size: 0.75rem
  font-weight: 600
  text-transform: uppercase
  letter-spacing: 0.1rem
  margin-bottom: 0.2em
  color: $mid-gray
  &.h2-dark
    color: #363636

.instructions
  font-size: 0.8rem
  color: #6d6d6d

.pointer
  cursor: pointer

.no-select
  -webkit-touch-callout: none /* iOS Safari */
  -webkit-user-select: none /* Safari */
  -khtml-user-select: none /* Konqueror HTML */
  -moz-user-select: none /* Old versions of Firefox */
  -ms-user-select: none /* Internet Explorer/Edge */
  user-select: none /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */

.box-sidepane
  background-color: #ffffff99
  border-radius: 0.3rem

.tiny-text
  font-size: 0.75em

.light-text
  color: #919191

.bold-text
  font-weight: 600

.system-background
  background-color: $system-background-color
