#unown-generator {
  max-width: 800px;
  margin: auto;
  border: 5px solid rgba(128, 128, 128, 0.5);
  text-align: center;
  padding: 7px;
  min-height: 600px;
}

#unown-form {
  margin: 12px 7px;
}

.unown {
  width: 50px;
  height: 50px;
  background: url(../bg/unown-spritesheet.png) no-repeat;
  background-size: auto 50px;
  display: inline-block;
  background-position: -2200px;
}

.unown.a {
  background-position: 0px;
}

.unown.b {
  background-position: -50px;
}

.unown.c {
  background-position: -100px;
}

.unown.d {
  background-position: -150px;
}

.unown.e {
  background-position: -200px;
}

.unown.f {
  background-position: -250px;
}

.unown.g {
  background-position: -300px;
}

.unown.h {
  background-position: -350px;
}

.unown.i {
  background-position: -400px;
}

.unown.j {
  background-position: -450px;
}

.unown.k {
  background-position: -500px;
}

.unown.l {
  background-position: -550px;
}

.unown.m {
  background-position: -600px;
}

.unown.n {
  background-position: -650px;
}

.unown.o {
  background-position: -700px;
}

.unown.p {
  background-position: -750px;
}

.unown.q {
  background-position: -800px;
}

.unown.r {
  background-position: -850px;
}

.unown.s {
  background-position: -900px;
}

.unown.t {
  background-position: -950px;
}

.unown.u {
  background-position: -1000px;
}

.unown.v {
  background-position: -1050px;
}

.unown.w {
  background-position: -1100px;
}

.unown.x {
  background-position: -1150px;
}

.unown.y {
  background-position: -1200px;
}

.unown.z {
  background-position: -1250px;
}

.unown.que {
  background-position: -1300px;
}

.unown.exc {
  background-position: -1350px;
}

.unown.space {
  background-position: -1400px;
}