* {
  margin: 0;
  padding: 0;
}

body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}

#main-container__display {
  width: 67.8%;
  height: 51.5%;
  margin: 0 auto;
  position: absolute;
  top: 13.3%;
  left: 16.1%;
  border-radius: 5%;
  background-color: white;
}

.main-container__wrapper {
  min-width: 1183px;
  height: 1056px;
  background-image: url("img/background.png");
  background-repeat: repeat;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  overflow-x: hidden;
}

.main-container__design_housing {
  width: 1183px;
  height: 100%;
  background-image: url("img/machine_main.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.main-container__design_housing_left {
  width: 1000px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  margin: 0 auto;
  z-index: -1;
  background-image: url("img/machine_left.png");
  left: -910px;
}

.main-container__design_housing_right {
  width: 1000px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  margin: 0 auto;
  z-index: -1;
  right: -910px;
  background-image: url("img/machine_right.png");
}

.main-container__design_btn_selectgame {
  width: 230px;
  height: 180px;
  position: absolute;
  bottom: 12.5%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 15.5%;
  background-image: url("img/selectgame_btn_foundation.png");
}

.main-container__design_btn_restart {
  width: 230px;
  height: 180px;
  position: absolute;
  bottom: 12.5%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 40%;
  background-image: url("img/restart_btn_foundation.png");
}

.main-container__design_btn_gototop {
  width: 230px;
  height: 180px;
  position: absolute;
  bottom: 12.5%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 64%;
  background-image: url("img/gototop_btn_foundation.png");
}

.main-container__design_label_selectgame {
  position: absolute;
  bottom: 70px;
  left: 190px;
}

.main-container__design_label_restart {
  position: absolute;
  bottom: 70px;
  left: 525px;
}

.main-container__design_label_gototop {
  position: absolute;
  bottom: 45px;
  left: 811px;
  height: 60px;
}

.btn__label_wrapper {
  position: absolute;
  width: 80%;
  bottom: 40%;
  left: 10%;
}

.btn__label_selectgame {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn__label_restart {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn__label_gototop {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn__design {
  visibility: hidden;
}

#audio-controller__btn {
  position: absolute;
  left: -10px;
  bottom: -10px;
  width: 4%;
  pointer-events: auto;
  z-index: 1000;
}

#content__btn_feed_left {
  left: 2px;
  top: 241px;
}

#content__btn_feed_right {
  right: 0px;
  top: 241px;
}

#content__menu {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("img/selectgame_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
}

.content__wrapper {
  position: absolute;
  bottom: 70px;
  width: 100%;
  height: 280px;
}

.content__img_card_left {
  position: absolute;
  width: 241px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  pointer-events: none;
  left: 10%;
}

.content__img_card_center {
  position: absolute;
  width: 278px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  left: 0;
  right: 0;
  margin: auto;
}

.content__img_card_right {
  position: absolute;
  width: 241px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 50;
  pointer-events: none;
  left: 60%;
}

.content__img_btn_feed {
  position: absolute;
  width: 36px;
  outline: none;
}

.content__img_cursor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#game-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5%;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

#game-container__wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5%;
}

canvas {
  position: absolute;
  border-radius: 5%;
}