body {
    color: white;
    background-color: #333333;
}
input {
    background-color: #333333 !important;
}

.swagify-header {
    font-size : 100px !important;
    line-height: 100px;
}

div.swagify-form-div{

    padding-top: 150px;
}
form.swagify-form {

    width: 350px;
    margin: 0 auto !important;

}

h1.swagified {
    padding-top:50px;
}
input.phrase {
    display: block;
    height: initial;

}

button.btn-block {
    width:300px;
    margin:0 auto;
}
div.swagify-buttons {
    padding-top: 20px;
}
img.snoop {
    display: inline;
    position: absolute;
}

img.snoop-right {
    margin-left: 300px
}
div.outro {
    padding-top: 200px; /*CSS is too hard. I'm no @taybenlor */
}

img.illuminati {
    /* SPOOKY */
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

img.frog {
    -moz-animation-timing-function: linear;
    -moz-animation-name: bounce;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;

    width: 100px;
    height: 100px;
}


.flipped {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

@-webkit-keyframes bounce {
  from {
    left: 0%;
  }

  to {
    left: 100%;
  }
}
@-moz-keyframes bounce {
  from {
    left: 0%;
  }

  to {
    left: 100%;
  }
}


.cursor-hitmarker {
    cursor: url("../res/hitmarker.png"), url("../res/hitmarker.png"), auto;
}

.bottom {
    position: fixed;
    bottom: 0px;
}

img.explosion {
   width: 50%; 
   position: fixed;
}

.right {
    right: 0;
}

p.footer {
    padding-top: 200px; /*I am bad at CSS. I'm no @taybenlor */
}