html {
  background-color: #000;
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.uk-navbar-item {
  min-height: 60px;
}
.uk-navbar-nav > li > a {
  min-height: 60px;
}
.uk-navbar-toggle {
  min-height: 60px;
}

.control {
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.control > img {
  width: 100%;
}
.stamp {
  cursor: pointer;
}
.stamp.selected {
  border: 1px solid #e5e5e5;
}
.stamp-container {
  padding: 0 1vw;
}

.button-black {
  background-color: #000;
  border: 3px solid #fff;
  font-size: 3vw;
  display: inline;
  cursor: pointer;
  text-align: center;
  margin-top: 1em;
}
.button-black-large {
  font-size: 4vw;
}
.vw-large {
  font-size: 4vw;
}
.vw-normal {
  font-size: 3vw;
}
.vw-small {
  font-size: 2vw;
}
.vw-ss {
  font-size: 1.2vw;
}
.vw-sss {
  font-size: 1vw;
}
.padding-lead {
  padding: 2vw 0;
}
.padding-note {
  padding: 1vw 3vw;
}
.padding-button {
  padding: 2vw 0;
}

#canvas-frame {
  width: 100%;
  margin: 0;
  padding: 0;
}
canvas {
  border: 1px solid #fff;
  background-color: #000;
  margin: 0;
}
#canvas-control {
  padding-right: 5%;
}
#canvas-control > table {
  border-collapse: separate;
  border-spacing: 15px;
}
#palette .control > img {
  opacity: 0;
}
#palette .selected > img {
  opacity: 1;
}
/*#posted-image-container {
  padding: 4%;
}
#posted-image {
  width: 100%;
  border: 1px solid #eee;
}
*/
@media (max-width: 640px) {
  .center\@s {
    text-align: center;
  }
  .center\@s > div {
    display: inline-block;
    margin: 0 auto;
  }
  .hide\@s {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  canvas {
    margin: 0;
  }
  .uk-logo {
    font-size: 1em;
  }
  .uk-navbar-item {
    min-height: 50px;
  }
  .uk-navbar-nav > li > a {
    min-height: 50px;
  }
  .uk-navbar-toggle {
    min-height: 50px;
  }
  .button-black {
    font-size: 6vw;
  }
  .button-black-large {
    font-size: 8vw;
  }
  .vw-large {
    font-size: 8vw;
  }
  .vw-normal {
    font-size: 6vw;
  }
  .vw-small {
    font-size: 4vw;
  }
  .vw-ss {
    font-size: 2.4vw;
  }
  .vw-sss {
    font-size: 2vw;
  }
  .padding-lead {
    padding: 4vw 0;
  }
  .padding-note {
    padding: 2vw 6vw;
  }
  .padding-button {
    padding: 4vw 0;
  }
  #canvas-control {
    padding-left: 2%;
    padding-right: 2%;
  }
  .stamp-container {
    padding: 0 2vw;
  }
}