/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,600,700,800,900,bold);*/
@import url(https://fonts.googleapis.com/css?family=Nunito:100,200,300,400,600,700,800,900,bold);
/*@import url(https://fonts.googleapis.com/css?family=Encode+Sans:100,200,300,400,600,700,800,900,bold);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese);*/
/*@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=vietnamese);*/

html, body{
  margin: 0;
  width: 100%;
  overflow: hidden;
  /*touch-action: none;*/
}

html {
  display: table;
  margin: auto;
  height: 100%;
  /*height: calc(100vh + 3000px);*/
}

body{
  position: fixed;
  display: flex;
  flex-direction: column;
  height: 100%;
}

div {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

#progress-bar {
  position: fixed;
  background-color: #29c9fc;
  width: 0;
  min-height: 5px;
  transition: width .3s ease, opacity 1s ease .3s;
}