.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: center no-repeat #fff; }

body {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: #6666ff;
  background-color: rgba(0, 0, 255, 0.3);
  user-select: none; }

.noPadding {
  padding: 0px !important; }

.jigsawCanvas, .refImg {
  height: 100%;
  width: 100%; }

.heightClass {
  height: 0 !important; }

#refImgDiv, #jigsawDiv {
  display: none;
  margin-left: 3vw;
  border: 3px solid black;
  box-shadow: 4px 4px 4px 4px;
  border-radius: 2%;
  height: 67vh; }

#jigsawDiv {
  padding: 1%;
  background-color: white; }

.outerDivClass {
  display: flex; }

#gamepage div canvas {
  display: block; }

#timerDiv {
  visibility: hidden; }

#timer {
  font-size: 4vw;
  text-align: center; }

#endPage {
  font-size: 3vw;
  margin-top: 15vh;
  font-weight: bold; }

.fontCls {
  text-align: center; }

.timerCls {
  color: center; }

.fontClass {
  text-align: blue; }

.timerClass {
  color: blue; }

#videoDiv {
  margin-top: 5vh; }

/*# sourceMappingURL=jigsawDemoScript.css.map */