//= require normalize-css
//= require material-design-preloader/md-preloader.min

html, body
  height: 100%
  overflow: hidden

.deck-container
  visibility: hidden

#loading_screen-no-js
  font-size: 2rem

#loading_screen,
#loading_screen-no-js
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
  height: 100%
  display: flex
  align-items: center
  justify-content: center

  span
    font-size: 4rem
    margin-left: 1rem

//= require normalize-css
//= require material-design-preloader/md-preloader.min

@import settings
@import "deck.js-material/stylesheets/variables"

html, body
  height: 100%
  overflow: hidden
  +background-color

.deck-container
  visibility: hidden

#loading_screen-no-js
  font-size: 2rem

#loading_screen,
#loading_screen-no-js
  display: flex
  height: 100%
  align-items: center
  justify-content: center
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif

  span
    margin-left: 1rem
    font-size: 4rem

  .md-preloader svg circle
    +loader-color

Set loader and background color when loading.
Set loader and background color when loading.
