@import "../src/assets/style/animate.css";
@import "../src/assets/style/reset.css";
:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --wall-margin-left: 10vw;
  --wall-margin-left2: 25vw;
  --wall-margin-left3: 28vw;
  --wall-margin-left4: 38vw;
}
html {
  font-size: 16px;
}

#app {
  width: 100%;
  height: 100%;
}
body {
  font-family: "syst-regular";
  background-color: #000000;
  text-align: justify;
  color: #cfc4ab;
}

@media (max-width: 1750px) {
  html {
    font-size: 14px;
  }
}

@media (max-width: 1450px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  html {
    font-size: 10px;
  }
}
