body {
   height: auto;
   margin: 0;
   overflow: hidden;
}

.container {
   -ms-touch-action: none;
   width: 375px;
   height: 818px;
   overflow: hidden;
}
.windCard {
   height: 818px;
   width: 325px;
   position: relative;
   cursor: pointer;
   top: 0px;
   left: 25px;
   background-repeat: no-repeat;
   background-size: 325px auto;
}
.windCardBgHQ {
   background-image: url("/public/aviation/flight_computer_js/FC_4_text_HQ.png");
}
.windCardBgMQ {
   background-image: url("/public/aviation/flight_computer_js/FC_4_text_MQ.png");
}

.windCard:active {
   cursor: move;
}
.outerCircle {
   position: absolute;
   top: 126px;
   width: 375px;
   height: 435px;
   background-repeat: no-repeat;
   background-size: 375px auto;
   border-radius: 200px;
}
.outerCircleBgHQ {
   background-image: url("/public/aviation/flight_computer_js/FC_1_HQ.png");
}
.outerCircleBgMQ {
   background-image: url("/public/aviation/flight_computer_js/FC_1_MQ.png");
}

.windDotCanvas {
   position: absolute;
   top: 201px;
   left: 43px;
}
.innerCircle {
   top: 165px;
   left: 5px;
   height: 364px;
   width: 364px;
   position: absolute;
   cursor: pointer;
   transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   background-repeat: no-repeat;
   background-size: 364px auto;
   -webkit-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   backface-visibility: hidden;
   border-radius: 182px;
}
.innerCircleBgHQ {
   background-image: url("/public/aviation/flight_computer_js/FC_3_HQ.png");
}
.innerCircleBgMQ {
   background-image: url("/public/aviation/flight_computer_js/FC_3_MQ.png");
}