@charset "UTF-8";
/* CSS Document */

@font-face{ 
  font-family: 'Dense-Regular';
  src: url('fontface/Dense-Regular.otf');
}

// no scroll
html, body, .scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  background: #25405a;
  font-family: Dense-Regular, Verdana, Arial;
  font-size: 18pt;
  color: lime;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.embossTitle {
  font-size: 28pt;
  padding: 0.5em;
  color: #666;
  text-shadow: -2px -2px #222;
}
img.logoImg {
  height: 40px;
  width: auto;
  padding: 1em;
  border: 0px;
}

div.wristFrame{
  //width: auto;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(30%,#555), color-stop(100%,#333));
  border-radius: 15px;
  padding-left: 2em;
  padding-right: 2em;
}

div.wristScreen {
  //width: auto;
  //height: 450px;
  background: #111;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222), color-stop(10%,#000), color-stop(80%,#000), color-stop(100%,#222));
  margin: auto;
  border-radius: 5px;
  padding: 2px;
}

div.wristScreen p {
  padding: 0px;
  margin: 0px;
}

div.centeredItems {
  text-align: center;
}

canvas {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}