@-webkit-keyframes autofill{to{color:#666;background:transparent}}.box{height:300px;width:600px;padding:5px 15px;background-color:rgba(0,0,0,.8);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-family:Context Reprise Condensed SSi,sans-serif}.box h1{background:url(/moon620.png) no-repeat;background-size:80px 80px;color:#cc0;font-family:Context Reprise Condensed SSi;padding:35px 0 0 70px}.box form{padding-left:250px;font-size:1.3rem}.box form .input-pass,.box form .input-user{background-color:#999;background-repeat-x:no-repeat;background-repeat-y:no-repeat;background-size:40px 40px;background-position-y:center;padding:3px 0 3px 50px;margin:10px 0}.box form .input-user{background-image:url(/icons/glyphicons-basic-4-user@2x.png)}.box form .input-pass{background-image:url(/icons/glyphicons-basic-217-lock@2x.png)}.box form input{width:100%;background:transparent;border:0}.box form input:focus{outline:none}.box form input:-webkit-autofill,.box form input:-webkit-autofill:active,.box form input:-webkit-autofill:focus,.box form input:-webkit-autofill:hover{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both;-webkit-text-fill-color:#000!important}.box form button{width:100%;color:#000;background-color:#999;border:none;border-radius:5px;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;outline:none;padding:3px 0;margin:30px 10px 10px 0}.box form button:focus,.box form button:hover{background-color:#cc0;box-shadow:0 15px 20px rgba(204,204,0,.4);transform:translateY(-7px)}main{display:flex;justify-content:center;align-items:center;height:100%}