body

{

    background-color: black;

    margin: 0px;

    overflow: hidden;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



img {

    position: absolute;

    -webkit-transform-origin: 0 0px;

    transform-origin: 0 0px;

}



canvas {

    -webkit-transform-origin: 0 0px;

    transform-origin: 0 0px;

    position: absolute;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    outline: none;

    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */



}



input {

    background-color: rgba(0,0,0,0.0);

    color: black;

    border: none;

}



input[type=text]

 {

     font-size:18px;

     height: 34px;

     width: 267px;

     padding-left: 10px;

     text-decoration: none;

     border-radius: 5px; /*up to date browsers support this, but you can add prefixes if you want*/

     border: 0;

 }

textarea

{

    font-family: "Arial";

    font-size:18px;

    height: 34px;

    width: 267px;

    padding-left: 10px;

    text-decoration: none;

    border-radius: 5px; /*up to date browsers support this, but you can add prefixes if you want*/

    background-color: rgba(0,0,0,0.0);

    color: black;

    border: none;

    resize: none;

    overflow:auto

}



textarea:focus, input:focus{

    outline: 0;

}



h1 {

    position: absolute;

}



a {

    position: absolute;

}



#gameWrapper {

    position: absolute;

    visibility: hidden;

    -webkit-transform-origin: 0 0px;

    transform-origin: 0 0px;

}





/* Booking text input */

#plaqueFormWrapper {

    transform-origin: 0px 0px;

   /* visibility: hidden; */

    display: none;

    position: absolute;

    z-index: 500;

}



#firstNameWrapper {

    position: absolute;

    left: 90px;

    top: 550px;

}

#firstName {

    position: absolute;



}



#lastNameWrapper {

    position: absolute;

    left: 90px;

    top: 598px;

}

#lastName {

    position: absolute;

}



#violationWrapper {

    position: absolute;

    left: 385px;

    top: 550px;

}

#violationList {

    position: absolute;

    width: 314px;

    height: 84px;

}



/* Final Image */

#finalImageWrapper {

    transform-origin: 0px 0px;

    position: absolute;

    top: 0px;

    left: 0px;

}



#finalImage {

    position: absolute;

}

#imgFinal {

    visibility: hidden;

}

/* Fonts */

@font-face {

    font-family: 'stamped_metal_jnlregular';

    src: url('../../assets/fonts/jeff_levine_-_stamped_metal_jnl-webfont.eot');

    src: url('../../assets/fonts/jeff_levine_-_stamped_metal_jnl-webfont.eot?#iefix') format('embedded-opentype'),

    url('../../assets/fonts/jeff_levine_-_stamped_metal_jnl-webfont.woff') format('woff'),

    url('../../assets/fonts/jeff_levine_-_stamped_metal_jnl-webfont.ttf') format('truetype'),

    url('../../assets/fonts/jeff_levine_-_stamped_metal_jnl-webfont.svg#stamped_metal_jnlregular') format('svg');

    font-weight: normal;

    font-style: normal;



}