
.wrapper {background:url(images/bg.jpg);}
.wrapper2 {background:url(images/bg2.jpg);}
main {position:relative;width:100%;height:612px;margin:15px auto 0;overflow:hidden;}
input {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

main > * {position:absolute}

.maxlength {display:none;}

.input {display:block;outline:1px solid black;border:none;background:none;font-family:'Ubuntu';color:#000;font-size:51.55px;width:60px;height:58px;line-height:57px;text-align: center;}


input[type=text]{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus {box-shadow: 0 0 6px 6px rgba(255, 255, 255, 1);}

input.bad {box-shadow: 0 0 3px 3px red}
input.ok {box-shadow: 0 0 3px 3px green}

.h-bad {width:194px;height:97px;margin-top:27px;background:url(images/h-bad.png)}
.h-ok {width:116px;height:124px;margin-top:0px;background:url(images/h-ok.png)}

.element {}
@font-face { font-family: 'Ubuntu';src: url(./fonts/Ubuntu-Regular.ttf);}


