*{outline:none}a{color:#000;text-decoration:none}html,body,.main{margin:0;padding:0;width:100%;height:100%}.main{display:flex;align-items:center;justify-content:center;background-color:#dcdcdc}.register-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:600px;height:600px}.register-box .register-title{font-weight:100;font-size:42px;color:#000;letter-spacing:1rem;margin-right:-1rem}.register-box .register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px}.register-box .register-form :nth-child(n){margin-bottom:24px}.register-box .register-form input[type=text],.register-box .register-form input[type=password]{width:100%;height:50px;padding:0px 10px;font-size:20px;border:1px solid #f0f0f0;border-radius:6px;transition:border .5s}.register-box .register-form input[type=text]:focus,.register-box .register-form input[type=password]:focus{border:1px solid #0dc900}.register-box .register-form .code-pane{display:flex;width:calc(100% + 20px)}.register-box .register-form .code-pane .code{width:70%;border-top-right-radius:0;border-bottom-right-radius:0}.register-box .register-form .code-pane .code-button{width:30%;border:none;border-top-right-radius:6px;border-bottom-right-radius:6px;transition:opacity .5s;cursor:pointer}.register-box .register-form .code-pane .code-button:hover{opacity:.5}.register-box .register-form .code-pane .code-button:disabled{opacity:1;cursor:not-allowed}.register-box .register-form .register-button{width:calc(100% + 20px);height:50px;color:#fff;font-size:20px;background-color:#0dc900;border:1px solid #0dc900;border-radius:6px;cursor:pointer;transition:opacity .5s}.register-box .register-form .register-button:hover{opacity:.5}.register-box .register-form .link{display:flex;flex-direction:column;align-items:center}.register-box .register-form .link p{margin:0;margin-bottom:4px}.register-box .register-form .link a{transition:color .5s}.register-box .register-form .link a:hover{color:#0084ff}