<|start_filename|>examples/res/deepview/style.css<|end_filename|>
body {
  font-family: Monospace;
  background-color: #808080;
  color: #fff;
  margin: 0;
}
canvas {
  display: block;
}

a {
  color: #ff4;
}
#info {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

<|start_filename|>examples/res/pixi/style.css<|end_filename|>
body {
  margin: 0;
  background-color: #272d37;
}

#container {
  display: flex;           /* establish flex container */
  flex-direction: column;  /* make main axis vertical */
  justify-content: center; /* center items vertically, in this case */
  align-items: center;     /* center items horizontally, in this case */
  height: 100vh;
  width: 100vw;
}

#app {
  max-width: 800px;
  text-align: center;     /* will center text in <p>, which is not a flex item */
}

#info {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

a {
  color: #ff4;
}