html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 910px;
}
.grid_menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(13, 30px);
  position: absolute;
  top: 240px;
  left: 1000px;
}
.menu_item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.central__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 415px;
}
.central__grid_menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(13, 30px);
  position: absolute;
  top: 240px;
  left: 400px;
}
.central__menu_item {
  place-self: center;
}

.central__grid__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.central__grid__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.central__grid__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.central__grid__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.central__grid__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.central__grid__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.central__grid__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.central__grid__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.central__grid__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.central__grid__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.central__grid__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.central__grid__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 751px;
  left: 580px;
}
.central__grid__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 788px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.snow__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.snow_menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.snow__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.snow__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.snow__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.snow__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.snow__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.snow__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.snow__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.snow__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.snow__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.snow__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.snow__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.snow__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.snow__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.twilight__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.twilight__menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.twilight__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.twilight__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.twilight__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.twilight__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.twilight__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.twilight__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.twilight__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.twilight__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.twilight__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.twilight__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.twilight__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.twilight__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.twilight__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.mystical__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.mystical__menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.mystical__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.mystical__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.mystical__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.mystical__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.mystical__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.mystical__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.mystical__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.mystical__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.mystical__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.mystical__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.mystical__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.mystical__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.mystical__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.fire__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.fire__menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.fire__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.fire__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.fire__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.fire__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.fire__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.fire__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.fire__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.fire__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.fire__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.fire__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.fire__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.fire__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.fire__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.illusory__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.illusory__menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.illusory__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.illusory__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.illusory__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.illusory__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.illusory__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.illusory__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.illusory__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.illusory__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.illusory__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.illusory__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.illusory__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.illusory__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.illusory__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: #141e25;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-image: url(../img_maps/background_infinity.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  color: #ffffff;
}
.underwater__logo {
  width: 183px;
  height: 189px;
  position: absolute;
  top: 50px;
  left: 315px;
}
.underwater__menu-loc {
  display: grid;
  gap: 10px;
  grid-template-columns: 235px;
  grid-template-rows: repeat(7, 35px);
  position: absolute;
  top: 230px;
  left: 290px;
}
.menu_item {
  place-self: center;
}

.underwater__loc-row1 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 59px;
  left: 580px;
}
.underwater__loc-row2 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 143px;
  left: 580px;
}
.underwater__loc-row3 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 180px;
  left: 580px;
}
.underwater__loc-row4 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 264px;
  left: 580px;
}
.underwater__loc-row5 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 301px;
  left: 580px;
}
.underwater__loc-row6 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 385px;
  left: 580px;
}
.underwater__loc-row7 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 422px;
  left: 580px;
}
.underwater__loc-row8 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 506px;
  left: 580px;
}
.underwater__loc-row9 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 543px;
  left: 580px;
}
.underwater__loc-row10 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 627px;
  left: 580px;
}
.underwater__loc-row11 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 664px;
  left: 580px;
}
.underwater__loc-row12 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 37px;
  position: absolute;
  top: 748px;
  left: 580px;
}
.underwater__loc-row13 {
  display: grid;
  grid-template-columns: 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px 37px 84px;
  grid-template-rows: 84px;
  position: absolute;
  top: 785px;
  left: 580px;
}
.item {
  place-self: center;
}

/* Масштабирование карты */
body {
  transform-origin: center center;
  transition: transform 0.1s ease;
}