* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: url(../images/block.cur), default; }

p, h4 {
  white-space: nowrap;
  text-indent: -9999px;
  visibility: hidden; }

::selection {
  color: white;
  background: rgba(0, 0, 0, 0); }

body {
  background-color: #96ce4b; }

sky {
  background-color: #bee2fe;
  width: 100%;
  height: 70%;
  display: block;
  position: absolute; }

moonstar {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px; }

container {
  left: 50%;
  margin-left: -175px;
  bottom: -16px;
  width: 350px;
  height: 300px;
  display: block;
  position: absolute; }

harry {
  bottom: 0px;
  width: 56px;
  height: 272px;
  background-image: url("../images/sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -1px -227px;
  display: block;
  position: absolute; }
  harry outfit {
    display: block;
    position: absolute;
    height: 272px;
    width: 56px;
    bottom: 0px;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear; }
    harry outfit .buckle {
      display: block;
      position: absolute;
      background-color: rgba(0, 0, 0, 0);
      top: 144px;
      left: 24px;
      width: 8px;
      height: 8px; }
    harry outfit.naked {
      opacity: 0; }

content {
  display: block;
  position: absolute;
  left: 64px;
  top: 36px;
  height: 264px;
  width: 286px; }

content.first #first {
  display: block; }
content.first #choice1, content.first #choice2, content.first #choice3 {
  display: none; }

content.choice1 #choice1 {
  display: block; }
content.choice1 #choice2, content.choice1 #choice3, content.choice1 #first {
  display: none; }

content.choice2 #choice2 {
  display: block; }
content.choice2 #choice3, content.choice2 #first, content.choice2 #choice1 {
  display: none; }

content.choice3 #choice3 {
  display: block; }
content.choice3 #first, content.choice3 #choice1, content.choice3 #choice2 {
  display: none; }

#first bubble {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px; }
  #first bubble.first {
    width: 281px;
    height: 62px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -1px -1px;
    opacity: 1;
    -webkit-transition: width 0.1s linear; }
  #first bubble.answer1 {
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    top: 78px;
    left: 24px;
    height: 66px;
    width: 223px;
    background-position: -9px -64px;
    opacity: 0.5;
    -webkit-transition: left 0.1s linear; }
  #first bubble.answer2 {
    top: 154px;
    left: 24px;
    height: 34px;
    width: 270px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -9px -133px;
    opacity: 0.5;
    -webkit-transition: left 0.1s linear; }
  #first bubble.answer3 {
    top: 196px;
    left: 24px;
    height: 34px;
    width: 244px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -9px -168px;
    opacity: 0.5;
    -webkit-transition: left 0.1s linear; }
  #first bubble.answer1:hover, #first bubble.answer2:hover, #first bubble.answer3:hover {
    opacity: 1;
    left: 16px;
    cursor: url(../images/block-hover.cur), default; }

#choice1 {
  display: none; }
  #choice1 bubble {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 219px;
    width: 270px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -58px -214px; }

#choice2 {
  display: none; }
  #choice2 bubble {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 212px;
    width: 238px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -283px -1px; }

#choice3 {
  display: none; }
  #choice3 bubble {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 132px;
    width: 244px;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    background-position: -329px -214px; }
    #choice3 bubble input.field {
      display: block;
      position: absolute;
      -webkit-appearance: caret;
      top: 100px;
      left: 20px;
      height: 20px;
      width: 180px;
      border: none;
      -webkit-border-radius: 0px;
      cursor: url(../images/block-hover.cur), default; }
    #choice3 bubble input.button {
      display: block;
      position: absolute;
      background-image: url("../images/sprites.gif");
      text-indent: -9999px;
      white-space: nowrap;
      top: 98px;
      left: 204px;
      width: 32px;
      height: 26px;
      background-position: -518px -347px;
      border: none;
      cursor: url(../images/block-hover.cur), default; }
      #choice3 bubble input.button:active {
        background-position: -518px -374px; }

#thanks bubble {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 102px;
  width: 240px;
  background-image: url("../images/sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -58px -434px; }

a.back {
  background-image: url("../images/sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  display: block;
  position: absolute;
  bottom: -22px;
  right: 8px;
  height: 14px;
  width: 48px;
  background-position: -329px -374px;
  cursor: url(../images/block-hover.cur), default;
  z-index: 100;
  opacity: 0.75;
  -webkit-transition: opacity 0.1s linear; }
  a.back:hover {
    opacity: 0.5; }

a.toContact {
  display: block;
  position: absolute;
  width: 42px;
  height: 22px;
  left: 59px;
  top: 194px;
  cursor: url(../images/block-hover.cur), default;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color 0.1s linear; }
  a.toContact:hover {
    background-color: rgba(255, 255, 255, 0.75); }

a.copyright {
  display: block;
  position: absolute;
  background-image: url("../images/sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -378px -374px;
  opacity: 0.5;
  width: 25px;
  height: 25px;
  bottom: 0px;
  left: 0px;
  cursor: url(../images/block-hover.cur), default; }

.dirtyHarry {
  display: block;
  position: absolute;
  background-image: url("../images/sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -450px -430px;
  width: 123px;
  height: 68px;
  right: 22px;
  bottom: 0px;
  z-index: 100;
  -webkit-transition: background-position 0.1s linear;
  -webkit-transition-delay: 2s; }

.animate {
  background-position: -450px -499px; }

@media screen and (max-device-width: 480px) {
  moonstar {
    display: none; }

  input.field {
    display: block;
    position: absolute;
    -webkit-appearance: caret;
    top: 98px;
    left: 18px;
    height: 17px;
    width: 160px;
    padding-top: 0px;
    padding-bottom: 1px;
    -webkit-border-radius: 0px;
    background-color: rgba(255, 255, 255, 0); }

  input.button {
    display: block;
    position: absolute;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    top: 98px;
    left: 204px;
    width: 32px;
    height: 26px;
    background-position: -518px -347px;
    border: none;
    -webkit-border-radius: 0px; }
    input.button:active {
      background-position: -518px -373px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  moonstar {
    display: none; }

  form {
    display: block;
    position: absolute;
    top: 0px;
    padding: 0;
    margin: 0; }

  input.field {
    display: block;
    position: absolute;
    -webkit-appearance: caret;
    top: 50px;
    left: 18px;
    height: 17px;
    width: 176px;
    padding-top: 0px;
    padding-bottom: 1px;
    -webkit-border-radius: 0px;
    background-color: rgba(255, 255, 255, 0); }

  input.button {
    display: block;
    position: absolute;
    background-image: url("../images/sprites.gif");
    text-indent: -9999px;
    white-space: nowrap;
    top: 98px;
    left: 204px;
    width: 32px;
    height: 26px;
    background-position: -518px -347px;
    border: none;
    -webkit-border-radius: 0px; } }

body.fourohfour {
  background-color: #d0b691; }

body.fourohfour sky {
  background-color: #d3efff; }
body.fourohfour obiwan {
  bottom: 0px;
  width: 111px;
  height: 272px;
  background-image: url("../images/404sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -1px -1px;
  display: block;
  position: absolute; }
body.fourohfour #fourohfour bubble {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 63px;
  width: 240px;
  background-image: url("../images/404sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  background-position: -1px -274px; }
body.fourohfour droids {
  display: block;
  position: absolute;
  background-image: url("../images/404sprites.gif");
  text-indent: -9999px;
  white-space: nowrap;
  width: 209px;
  height: 272px;
  top: -8px;
  left: 119px;
  background-position: -113px -1px; }
  body.fourohfour droids a.download {
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    width: 104px;
    height: 152px;
    bottom: 0px;
    left: 18px; }