a {
  color: #8b0000;
  text-decoration: none;
}
a:hover {
  border-bottom: 2pt solid;
}
body {
  margin: 50pt 100pt;
  padding: 0;
  font: 14pt Ubuntu;
  font-weight: 300;
  line-height: 1.25;
  background-color: #000;
  color: #fff;
}
h1 {
  text-align: center;
  font-size: 500%;
  font-weight: 500;
  margin: 4pt 0;
  color: #007aff;
}
h2 {
  text-align: center;
  font-size: 120%;
  font-weight: 300;
  margin: 4pt 0;
  background: gradient(linear, left top, right top, from(#404040), to(#fff));
  background: -webkit-gradient(linear, left top, right top, from(#404040), to(#fff));
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}
#download {
  margin: 20pt auto;
  width: 240pt;
}
#download a:hover {
  border-bottom: none;
}
#download img {
  width: 240pt;
}
#device {
  width: 357px;
  height: 733px;
  margin: 20pt auto;
  background-image: url("/images/iPhone.png");
  background-size: 357px 733px;
}
#device img {
  position: absolute;
  padding: 83px 19px;
  width: 320px;
  height: 568px;
  animation-name: device;
  -webkit-animation-name: device;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-duration: 10s;
  -webkit-animation-duration: 10s;
}
#device img:nth-of-type(1) {
  animation-delay: 8s;
  -webkit-animation-delay: 8s;
}
#device img:nth-of-type(2) {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}
#device img:nth-of-type(3) {
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
#device img:nth-of-type(4) {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
#device img:nth-of-type(5) {
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
@-moz-keyframes device {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes device {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes device {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes device {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}