html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body > div {
  font-size: 22px;
}
.app {
  font-family: Gill Sans MT, sans-serif;
  width: 1024px;
  height: 768px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@font-face {
  font-family: 'Gill Sans MT';
  src: url(../fonts/gill-sans-mt.eot);
  src: url(../fonts/gill-sans-mt.eot#iefix) format('embedded-opentype'), url(../fonts/gill-sans-mt.woff) format('woff'), url("../fonts/Gill Sans MT.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans MT Italic';
  src: url(../fonts/Gill-Sans-MT-Italic.woff) format('woff'), url("../fonts/Gill Sans MT Italic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.draggable {
  cursor: default;
}
.droppable {
  cursor: default;
}
.start-btn {
  width: 201px;
  height: 44pt;
  left: 410.106px;
  top: 383.702px;
}
.ok-btn {
  width: 147px;
  height: 44pt;
  left: 449.602px;
  top: 551.928px;
}
.ok-btn#btn-ok2 {
  left: 443.904px;
  top: 513.463px;
}
.continue-btn {
  width: 147px;
  height: 44pt;
  left: 810.849px;
  top: 655.789px;
}
.check-btn {
  width: 147px;
  height: 34px;
  opacity: 0.5;
  margin-top: 14px;
  left: 870.839px;
  top: 5.99771px;
}
.check-btn:hover {
  border-color: #868d97;
  border-style: outset;
}
.check-btn.active {
  opacity: 1;
  cursor: pointer;
}
.check-btn.active:hover {
  border: 2px solid #1B97DA;
}
.next-btn,
.restart-btn {
  width: 147px;
  height: 34px;
  left: 449.609px;
  top: 363.301px;
}
.restart-btn {
  top: 490.301px;
}
.nextStage-btn {
  width: 147px;
  height: 44pt;
  left: 850.486px;
  top: 665.056px;
}
.haveTooltip {
  cursor: pointer;
}
.haveTooltip:hover {
  opacity: 0.8;
}
button {
  font-family: Gill Sans MT, sans-serif;
  cursor: default;
  position: absolute;
  margin: auto;
  border-color: #868d97;
  border-radius: 8px;
  transition: all .1s;
  font-size: 14pt;
  background-color: #bdc9cf;
}
button:hover {
  border: 2px solid #1B97DA;
}
#movedCover {
  transition: transform 500ms 0ms ease;
}
tspan {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.target {
  cursor: pointer;
  -ms-touch-action: auto;
      touch-action: auto;
}
.wrap {
  cursor: default;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.rectangle {
  left: 50px;
  position: absolute;
  height: 80px;
  width: 370px;
  border: solid 2px #1B97DA;
  border-left: none;
  background: white;
}
.rectangle:after {
  position: absolute;
  top: 16px;
  right: 344px;
  width: 48px;
  height: 47px;
  border-left: solid 2px #1B97DA;
  border-top: solid 2px #1B97DA;
  transform: rotate(314deg) skewX(-10deg) skewY(-10deg);
  background: white;
  content: '';
}
.text {
  font-family: Gill Sans MT, sans-serif;
  font-size: 13pt;
  left: 45px;
  position: absolute;
  top: 50%;
  margin-top: 0.625em;
  margin-left: 5px;
  height: 80px;
  width: 360px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tooltip {
  font-family: Gill Sans MT, sans-serif;
  font-size: 17pt;
  font-weight: 500;
  position: absolute;
  display: inline;
  vertical-align: middle;
  padding: 70px 40px 40px 40px;
  width: 500px;
  height: 300px;
  background-color: #e9f4ef;
  border: 7px solid #48a8da;
  border-radius: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 320px;
  top: 120px;
}
.message {
  font-family: Gill Sans MT, sans-serif;
  font-size: 17pt;
  font-weight: 500;
  position: absolute;
  padding: 60px 40px 50px 50px;
  width: 400px;
  height: 200px;
  background-color: #e9f4ef;
  border: 7px solid #48a8da;
  border-radius: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 370px;
  top: 170px;
}
.opacityBg {
  opacity: 0.2;
  position: absolute;
  background-color: #929191;
  width: 1024px;
  height: 732px;
  top: 20px;
  margin: auto;
  box-sizing: border-box;
}
