misuzu/assets/less/classes/auth.less

.auth {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 2px;

    &__header {
        display: flex;
        justify-content: center;
        padding: 20px;
    }

    &__warning {
        margin: 2px 5px 0;

        &--welcome {
            --start-colour: var(--accent-colour);
            --end-colour: #222;
        }
    }

    &__avatar {
        width: 100px;
        height: 100px;
    }

    &__paragraph,
    &__input {
        margin-bottom: 5px;
    }

    &__form {
        padding: 5px;
        display: flex;
        flex-direction: column;
    }

    &__buttons {
        display: flex;
        justify-content: space-evenly;
    }

    &__button {
        flex: 1 1 auto;

        &:not(:first-child) {
            margin-left: 2px;
        }
    }
}