1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- .main {
- justify-content: center;
- align-items: center;
- }
- .login-form {
- display: flex;
- flex-direction: column;
- align-items: flex-end;
- }
- .login-form > .login-form-failure {
- color: #c00;
- font-size: 20px;
- height: 25px;
- text-align: center;
- margin-bottom: 5px;
- width: 100%;
- }
- .login-form > .login-form-button {
- width: fit-content;
- border: 1px solid #d1d1d1;
- padding: 3px 10px;
- border-radius: 5px;
- user-select: none;
- background-color: #e7e7e7;
- cursor: pointer;
- font-size: 20px;
- color: #000000;
- }
- .login-form > .login-form-button:hover {
- background-color: #bababa;
- }
- .login-form > .login-form-login,
- .login-form > .login-form-password {
- width: 100%;
- }
- .login-form > .login-form-login > .login-form-login-input,
- .login-form > .login-form-password > .login-form-password-input {
- width: 100%;
- margin-bottom: 10px;
- border: 1px solid #d1d1d1;
- background-color: #0000;
- border-radius: 8px;
- font-size: 20px;
- outline: none;
- padding: 8px 10px;
- color: #d1d1d1;
- }
|