@keyframes background-animation{0%{filter:blur(0px)}100%{filter:blur(2px)}}@keyframes register-form{0%{opacity:0}50%{opacity:0}100%{opacity:1}}html,body,.main{width:100%;height:100%;margin:0;padding:0;min-width:1600px;min-height:800px}.main{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.main .background{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0) url("../images/background.jpg") no-repeat scroll center;background-size:100%;transform:scale(1.1);filter:blur(2px);animation:background-animation 1s}.register-box{display:flex;position:relative;width:1450px;height:650px;background-color:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.5);animation:register-form 2s}.register-box .register-background{content:"";display:block;width:1100px;height:100%;background:#fff url("../images/background.jpg") no-repeat scroll center;background-size:100% 100%}.register-box .register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:350px;height:100%}.register-box .register-form .register-title{position:absolute;top:50px;font-size:28px;letter-spacing:1rem;margin-right:-1rem}.register-box .register-form input{width:240px;height:32px;margin-bottom:16px;outline:none;border:#f2f2f2 solid 1px;background-color:#f2f2f2;border-radius:2px;text-align:center;transition:border .3s}.register-box .register-form input:focus{border:#f48888 solid 1px}.register-box .register-form .code-pane{display:flex;width:246px;height:32px;margin-bottom:16px;border:#f2f2f2 solid 1px;background-color:#f2f2f2;border-radius:2px;transition:border .3s}.register-box .register-form .code-pane:focus-within{border:#f48888 solid 1px}.register-box .register-form .code-pane .code{width:60%;border:none;background-color:rgba(0,0,0,0)}.register-box .register-form .code-pane .code-button{width:40%;border:none;background-color:rgba(0,0,0,0);transition:color .3s;cursor:pointer}.register-box .register-form .code-pane .code-button:hover{color:#f48888}.register-box .register-form .register-button{width:245px;height:36px;border:#f48888 solid 1px;background-color:#f48888;color:#fff;transition:opacity .3s;cursor:pointer}.register-box .register-form .register-button:hover{opacity:.5}.register-box .register-form .link{position:absolute;bottom:50px;width:240px;font-size:14px;text-align:left}.register-box .register-form .link a{outline:none;text-decoration:none;color:#f48888;transition:opacity .3s}.register-box .register-form .link a:hover{opacity:.5}