/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  background: rgb(29, 35, 42);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: "Titillium Web", "Amrys", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  --scrollbarBG:#201b16;
  --thumbBG:  #7228a6;
}
::-webkit-scrollbar {
  width: 8px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 10px;
  border: 1px solid var(--scrollbarBG);
}

.cc-window {
  max-width: 100% !important;
}

.l-infinity body {
  background-image: url("https://webdev-cdn.fishsticksgames.com/game-portal/assets/infinity/v2/img/ArtBG_BG.jpg");
}

.main-root{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.main-scrollable {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#root {
  height: 100%;
  width: 100%;
  max-width: 1155px;
  margin: 0 auto;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

@supports(padding: max(0px)) {
  #root {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@font-face {
  font-family: "Muller Extra Bold";
  src: url("https://webdev-cdn.fishsticksgames.com/game-portal/assets/infinity/fonts/FontFabrick.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 1023px) {
  .l-infinity body {
    background-image: url("/assets/mobile/back.jpg") !important;
  }
  #root {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }
}

.mobile body {
  background-image: url("/assets/mobile/back.jpg") !important;
}

.mobile #root {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}

@font-face {
  font-family: "Titillium Web";
  src: url("https://webdev-cdn-orig.fishsticksgames.com/game-portal/assets/infinity/redesign/font/TITILLIUMWEB-REGULAR.TTF") format("truetype")
}

@font-face {
  font-family: "Titillium Web Bold";
  src: url("https://webdev-cdn-orig.fishsticksgames.com/game-portal/assets/infinity/redesign/font/TITILLIUMWEB-BOLD.TTF") format("truetype")
}

/* @font-face {
  font-family: "Amrys";
  src: url("../fonts/Amrys-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Amsi Pro Narw";
  src: url("../fonts/Stawix\ -\ AmsiPro-Black.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Noah Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Noah Regular"), url("../fonts/noah-regular.woff") format("woff");
}

@font-face {
  font-family: "Noah Regular Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Noah Regular Italic"),
    url("../fonts/noah-regularitalic.woff") format("woff");
}

@font-face {
  font-family: "Noah Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Noah Bold"), url("../fonts/noah-bold.woff") format("woff");
}

@font-face {
  font-family: "Noah Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Noah Bold Italic"),
    url("../fonts/noah-bolditalic.woff") format("woff");
} */