*{margin:0;padding:0}html,body{background-color:#2b2a33;color:#fbfbfe;font-family:open sans,sans-serif;font-size:12px;scroll-behavior:smooth;text-shadow:0 1px 0 rgba(0,0,0,.4)}a,a:visited{color:#99c3ff;font-weight:400;text-decoration:none;outline:0;transition:color .2s;-webkit-transition:color .2s ease-in-out}input,select{background-color:#42414d;padding:5px 15px;width:200px;height:30px;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid transparent;border-radius:8px;color:#fbfbfe;box-sizing:border-box;cursor:pointer}input:focus,select:focus{outline:none;border-color:#4dad33;box-shadow:0 0 1px #4dad33;transition:all .2s}input[type=submit],input[type=button]{width:auto;cursor:pointer;letter-spacing:1px}input[type=submit]:hover,input[type=button]:hover{outline:none;color:#4dad33;border-color:#4dad33;box-shadow:0 0 3px #4dad33;transition:all .2s}
.login{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:230px;text-align:right}#logo{width:300px;height:120px;margin-left:-20px;line-height:50px;background:url(/x/logo.png)no-repeat 50%;background-size:contain}.login input{margin-bottom:8px}