@font-face {
  font-family: VKSansDisplay-Bold;
  src: url(./66ca82f15f715dc911344d15e2abd6db.ttf);
}
@font-face {
  font-family: VKSansDisplay-DemiBold;
  src: url(./98c85e529139ae9605e513bcd5290bc8.ttf);
}
@font-face {
  font-family: VKSansDisplay-Medium;
  src: url(./c0b9bed9292477947a38caf6d66fce9d.ttf);
}
@font-face {
  font-family: VKSansDisplay-Regular;
  src: url(./455b22550826e794e1a1c76ca271647e.ttf);
}
@font-face {
  font-family: Roboto-Medium;
  src: url(./d2d7f0c01bffaa5ec8f7421f00724669.ttf);
}
@font-face {
  font-family: SFProText-Medium;
  src: url(./fc3c323b3b2bb1c643eebae0b81a1ec1.ttf);
}
@font-face {
  font-family: SFProText-Regular;
  src: url(./90da7ab18293ca42e335a6fdf8f3371c.ttf);
}
@font-face {
  font-family: SFProDisplay-Regular;
  src: url(./1e1c0e29b79b49a6ff4d1b8c96ee00ed.ttf);
}
* {
  margin: 0;
  padding: 0;
}
div, p, span, h1, h2, h3, h4, img {
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
html, body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#root {
  position: fixed;
}
.mobile::before {
  content: '';
  background: url(./88b29ebe73fa48038c4d81d3ec9c78b3.png) center no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
}
.desktop::before {
  content: '';
  background: url(./9dc2fe6d62119f243487d5305845973f.png) center no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
}