html, body, p {
  margin: 0;
  padding: 0;
  background-color: #032;
  font-family: 'Dezign';
  color: #FFF;
  font-size: 5.2vh;
  line-height: 10pt;
}

@font-face {
  font-family: Dezign;
  src: url(fonts/Dezign.eot?#iefix) format("embedded-opentype"), url(fonts/Dezign.woff) format("woff"), url(fonts/Dezign.ttf) format("truetype"), url(fonts/Dezign.svg#svgFontName) format("svg");
}

header {
  height: 21%;
}
header img {
  -webkit-animation: skew 0.75s ease-in infinite;
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}
@-webkit-keyframes skew {
  0%,
  100% {
      transform: skewX(15deg) skewY(2deg);
  }
  50% {
      transform: skewX(-15deg) skewY(-2deg);
  }
}

div {
  color: #FFF;
  font-size: 12pt;
  line-height: 10pt;
  font-family: 'Courier';
}

canvas {
  display: block;
}

.signature {
  -webkit-animation: swing 0.97s linear infinite;
  float: right;
  font-size: 13px;
  height: 5%;
  margin-top: 15px;
}
.signature span {
  padding: 3px;
}
.signature1 {
  background: black;
  color: cyan;
}
.signature2 {
  background: #fff;
  color: red;
}

@-webkit-keyframes swing {
  0%,
  100% {
      transform: rotate(25deg);
  }
  50% {
      transform: rotate(-25deg);
  }
}