*{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}.login-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:600px;height:600px}.login-box .login-title{font-weight:100;font-size:42px;color:#000;letter-spacing:1rem;margin-right:-1rem}.login-box .login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px}.login-box .login-form :nth-child(n){margin-bottom:24px}.login-box .login-form input[type=text],.login-box .login-form input[type=password]{width:100%;height:50px;padding:0px 10px;font-size:20px;border:1px solid #f0f0f0;border-radius:6px;transition:border .5s}.login-box .login-form input[type=text]:focus,.login-box .login-form input[type=password]:focus{border:1px solid #0dc900}.login-box .login-form .login-options{display:flex;justify-content:space-between;width:100%;margin-bottom:0}.login-box .login-form .login-options .autologin{vertical-align:middle;width:16px;height:16px;margin:0}.login-box .login-form .login-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}.login-box .login-form .login-button:hover{opacity:.5}.login-box .login-form a{transition:color .5s}.login-box .login-form a:hover{color:#0084ff}