@font-face {
  font-family: "Speedee";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: local("Speedee"), local("Speedee"),
    url(09011e1136adb022667e.woff2) format("woff2"),
    url(de41ea1026f941040194.woff) format("woff"),
    url(78ba27fc10b179d02311.ttf) format("truetype");
}

@font-face {
  font-family: "Speedee";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: local("Speedee"), local("Speedee"),
    url(e24f7157437ae9659de1.woff2) format("woff2"),
    url(68411310e1150597309f.woff) format("woff"),
    url(58bd677e619b668e2af2.ttf) format("truetype");
}

body {
  margin: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

body .hide {
  display: none !important;
}

body .output-field {
  margin-top: 100px;
  width: 100%;
  display: inline-block;
}

body .output-field h2 {
  text-align: center;
}

body .output-field #output-field {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}

@keyframes gradientAnimation {
  0% {
    background-position: 10% 0%;
  }

  50% {
    background-position: 91% 100%;
  }

  100% {
    background-position: 10% 0%;
  }
}

#__root.cherring__game {
  background-color: #edd4ff;
  /* Set the background to a single static color */
}

#__root {
  width: 100vw !important;
  height: 100vh !important;
  display: flex !important;
}

#__root canvas {
  min-width: 100vw !important;
  min-height: 100vh !important;
}

#__root > * {
  width: 100vw !important;
  margin: 0 !important;
}

/* WebView specific fixes */
@supports (-webkit-touch-callout: none) {
  #__root {
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
  }
}