@font-face {
  font-family: "OpenSans-Bold";
  src: url("https://content.puhekupla.com/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://content.puhekupla.com/fonts/OpenSans-Bold.woff") format("woff"), url("https://content.puhekupla.com/fonts/OpenSans-Bold.ttf") format("truetype"), url("https://content.puhekupla.com/fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Italic";
  src: url("https://content.puhekupla.com/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("https://content.puhekupla.com/fonts/OpenSans-Italic.woff") format("woff"), url("https://content.puhekupla.com/fonts/OpenSans-Italic.ttf") format("truetype"), url("https://content.puhekupla.com/fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Light";
  src: url("https://content.puhekupla.com/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("https://content.puhekupla.com/fonts/OpenSans-Light.woff") format("woff"), url("https://content.puhekupla.com/fonts/OpenSans-Light.ttf") format("truetype"), url("https://content.puhekupla.com/fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url("https://content.puhekupla.com/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://content.puhekupla.com/fonts/OpenSans-Regular.woff") format("woff"), url("https://content.puhekupla.com/fonts/OpenSans-Regular.ttf") format("truetype"), url("https://content.puhekupla.com/fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  image-rendering: pixelated;
  background-image: url("../images/ui/background_dark.png");
  background-attachment: fixed;
  background-color: #1e283c;
  font-family: "OpenSans-Regular", sans-serif;
  color: #F5F5F5;
  margin: 0;
}
body .background-1 {
  height: 100vh;
  width: 100%;
  position: fixed;
  background-image: url("../images/ui/background1.gif");
  background-attachment: fixed;
  background-position: 122% bottom;
  background-repeat: no-repeat;
}
body .background-2 {
  height: 100vh;
  width: 100%;
  position: fixed;
  background-image: url("../images/ui/background2.gif");
  background-attachment: fixed;
  background-position: 0 bottom;
  background-repeat: no-repeat;
}
body .ui-box {
  border-radius: 12px;
  padding: 16px;
  background-color: #212121;
}
body .ui-button {
  padding: 8px;
  border: 2px solid #27B37F;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
body .ui-button:hover {
  background: #27B37F;
}
body input {
  width: 50px;
  padding: 8px;
}
body .ui-code {
  font-size: 20px;
  margin-bottom: 16px;
}
body .ui-code span.index {
  width: 50px;
  text-align: right;
  margin-right: 8px;
  display: inline-block;
  opacity: 0.6;
}

/*# sourceMappingURL=main.css.map */