@font-face {
  font-family: Uralsib-Regular;
  src: url(./7444c7594b7ef5216aab29f8dfbfc6fe.otf);
}
@font-face {
  font-family: Uralsib-Bold;
  src: url(./0cff05e0fa67781f9aec7eb458c85fa1.otf);
}
@font-face {
  font-family: Arial-Narrow-Bold;
  src: url(./f955bf9c1916545f4f8e41b5d1102525.ttf);
}
* {
  font-family: Uralsib-Regular;
  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;
  background-color: #8B39DB;
}
canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#root {
  position: fixed;
}
.qr {
  width: 100%;
  height: 100%;
  background-image: url(./afaea0af7414cabddafa2921f8e158f6.png);
  background-size: cover;
  background-position: center right;
}
#modal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  z-index: 1;
}
#iframe {
  width: 100%;
  height: 100%;
  border-width: 0;
}