.loginPage{display:flex;align-items:center;justify-content:center;flex-direction:column}.loginLogo{padding:32px 0 24px}.loginLogo>img{height:48px;width:48px;border-radius:40px}.loginForm>h1{font-size:24px}.loginForm>h1>span{color:#00adb5}.loginForm{color:#eee;align-items:center}.loginBody,.loginForm{display:flex;flex-direction:column}.loginBody{border:1px solid rgba(0,0,0,.5);background-color:#393e46;width:308px;padding:16px;margin-top:16px;border-radius:6px}.loginBody>label{margin-bottom:8px;font-size:14px}.loginBody>input{border:0;border-radius:6px;outline:0;font-size:14px;line-height:20px;margin:0 0 16px;padding:5px 12px;border:1px solid rgba(0,0,0,.5);background:#222831;color:#eee}.loginBtn{height:32px;padding:5px 16px;cursor:pointer;border:0;border-radius:6px;font-weight:600;background-color:#00adb5;color:#eee;transition:.4s}.loginBtn:hover{background-color:#08d9d6}.logintoReg>p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;margin:16px 0 10px;background-color:#222831;border:1px solid rgba(0,0,0,.5);border-radius:6px}.loginError,.logintoReg>p{width:308px;font:14px;padding:16px;text-align:center}.loginError{margin:8px 0;background-color:#301b1e;border:1px solid #813131;color:#eee;position:relative;border-radius:6px}.loginErrBtn{color:#f75149;cursor:pointer;padding-left:10px;position:absolute;top:19px;right:10px}