.wrapper[data-v-28b44e46]{background:linear-gradient(0deg,#0961ec,#2287ec);height:100vh;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.wrapper .title[data-v-28b44e46]{color:#fff;font-size:48px;font-weight:400;letter-spacing:4px}.wrapper .content[data-v-28b44e46]{background-color:#fff;padding:30px 15px;border-radius:10px;width:100%;max-width:500px;min-width:200px}.wrapper .content .login-name[data-v-28b44e46]{font-size:20px;line-height:30px;color:#34495e;margin-bottom:10px}.wrapper .content button[data-v-28b44e46]{padding:15px;width:150px;border:1px solid #eee;background:transparent;border-radius:50px;color:#333;cursor:pointer}.wrapper .content button[data-v-28b44e46]:focus{outline:none}.wrapper .content header[data-v-28b44e46]{text-align:center}.wrapper .content header h1[data-v-28b44e46]{margin-top:0;font-size:230%}.wrapper .content .social-login[data-v-28b44e46]{padding:10px;text-align:center;margin-bottom:10px;display:flex;justify-content:center}.wrapper .content .social-login button[data-v-28b44e46]{display:flex;align-items:center;justify-content:center;transition:background .5s;-webkit-transition:background .5s}.wrapper .content .social-login button[data-v-28b44e46]:first-child{margin-right:10px}.wrapper .content .social-login button[data-v-28b44e46]:hover{background-color:#eee}.wrapper .content .social-login button span[data-v-28b44e46]{font-size:17px;color:#777;margin-left:5px}.wrapper .content .login-form[data-v-28b44e46]{padding:0 20px;display:flex;flex-direction:column;align-items:center}.wrapper .content .login-form .input-group[data-v-28b44e46]{display:flex;flex-direction:column;margin-top:10px;width:100%;max-width:310px}.wrapper .content .login-form .input-group input[data-v-28b44e46]{padding:15px;font-size:13px;border:1px solid #e4eff8;background-color:#e4eff8;border-radius:50px;transition:border .5s;-webkit-tranistion:border .5s}.wrapper .content .login-form .input-group input[data-v-28b44e46]:focus{outline:0;border-color:#2287ec}.wrapper .content .login-form .input-group label[data-v-28b44e46]{color:#999;font-size:12px;margin-bottom:3px;margin-left:16px}.wrapper .content .login-form .input-group button[data-v-28b44e46]{width:100%;background-color:#20bdff;border:unset;color:#fff;align-self:center;margin-top:15px;transition:background .5s;-webkit-transition:background .5s}.wrapper .content .login-form .input-group button[data-v-28b44e46]:hover{background-color:#0961ec}.wrapper .content footer[data-v-28b44e46]{padding-top:15px;text-align:center}.wrapper .content footer a[data-v-28b44e46]{color:#999;text-decoration:none;font-size:11px}@media screen and (max-width:720px){.wrapper .content[data-v-28b44e46]{padding-right:0;padding-left:0;margin:0 10px}}