@import "./bulma/sass/utilities/initial-variables"
@import "./bulma/sass/utilities/functions"

$blue: #E53935
$footer-background-color: #fff
$weight-semibold: 500
$family-sans-serif: system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif

@import "./bulma/bulma.sass"

html, body
  min-height: 100%

html
  font-size: 16px/1.5
  font-weight: 400

body
  display: flex
  flex-direction: column

main
  flex: 1

.footer
  padding: 1.5em

.inline-block
  display: inline-block

.demo
  max-width: 400px
  width: 100%

.demo_main
  max-width: 600px
  width: 100%


.is-text-link
  &:hover
    text-decoration: underline !important

.app-icon-small
  max-width: 56px
  border-radius: 7px
  box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23)

small.price-end
  font-size: 0.7em
  vertical-align: 0.3em

.download-btn
  img
    height: 50px
    border-radius: 4px

.bento-button
  cursor: pointer