body,html{margin:0;padding:0;width:100%;height:100%}body{background-color:#d9d9d9}.container{width:100%;height:100%;padding:10px 0 50px 50px;box-sizing:border-box;background-color:#d9d9d9}.container .login-block{position:fixed;height:500px;font-size:100%;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column}.container .login-block .login-title{text-align:center;font-size:200%;margin-bottom:40px}.container .login-block .username-wrap,.container .login-block .passcode-wrap,.container .login-block .submit-wrap{display:flex;align-items:center;margin-bottom:10px;justify-content:center}.container .login-block .username-wrap .username,.container .login-block .passcode-wrap .username,.container .login-block .submit-wrap .username,.container .login-block .username-wrap .passcode,.container .login-block .passcode-wrap .passcode,.container .login-block .submit-wrap .passcode{width:70px;position:absolute;left:-70px}.container .login-block .username-wrap .username-input,.container .login-block .passcode-wrap .username-input,.container .login-block .submit-wrap .username-input,.container .login-block .username-wrap .passcode-input,.container .login-block .passcode-wrap .passcode-input,.container .login-block .submit-wrap .passcode-input{width:250px}.container .login-block .username-wrap .submit,.container .login-block .passcode-wrap .submit,.container .login-block .submit-wrap .submit{width:70px;height:30px;background:linear-gradient(277.87deg, #0C2944 1.48%, #000000 96.49%);color:white;border-radius:3px;display:flex;justify-content:center;align-items:center;cursor:pointer}