@font-face {
  font-family: "Playtime";
  /* src: url("playtime.ttf"); */
  src: url("playtime-webfont.svg");
  src: url("playtime-webfont.ttf");
  src: url("playtime-webfont.woff");
}
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: gray;
  font: 22px/27px Playtime, sans-serif;
}
#container {
  width: 800px;
  height: 600px;
  position: absolute;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  margin-left: -400px;
  overflow: hidden;
  cursor: url("dump/ui/mousecursor.png"), default;
}
@keyframes toright {
  from {
    left: -100px;
  }
  to {
    left: -190px;
  }
}
#bg,#vid,#solid {
  position: absolute;
  width: 800px;
  height: 600px;
  filter: url(filters.svg#sunset);
}
#say {
  color: white;
  width: 750px;
  height: 90px;
  position: absolute;
  top: 493px;
  left: 28px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#window {
  position: absolute;
  top: 440px;
  left: 0;
}
#warn {
  background-color: rgb(128, 128, 128);
  background-color: rgba(128, 128, 128, 0.8);
  border-radius: 10px 10px;
  cursor: auto;
  display: none;
  height: 70%;
  left: 50%;
  margin-left: -300px;
  overflow: auto;
  padding: 10px;
  position: absolute;
  top: 10%;
  width: 600px;
  z-index: 10;
}
#notwork {
  font: 44px/46px Playtime;
  font-weight: bold;
}
html.js #warn li#js { display: none; }
html.video #warn li#video { display: none; }
html.audio #warn li#audio { display: none; }
html.fontface #warn li#fontface { display: none; }
html.csstransforms #warn li#csstransforms { display: none; }
html.csstransitions #warn li#csstransitions { display: none; }
html #warn li#html-svg-filter { display: none; }
.button {
  cursor: pointer;
  opacity: 0.4;
}
.button:hover {
  opacity: 1;
}
#gotit {
  text-align: center;
}
html.no-js #gotit {
  display: none;
}