.auth__wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    left: 0;
    top: 0;
    background-color: var(--text25);
    z-index: 20;
}

.auth {
    display: flex;
    flex-direction: column;
    width: 590px;
    height: 450px;
    padding: 20px;
    background-color: var(--bg);
    border-radius: 10px;
}

.auth__title {
    margin-bottom: 20px;
    font: var(--f-l);
    font-weight: 600;
    text-align: center;
}

.auth__form {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.auth__label {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.auth__caption {
    padding-left: 15px;
    margin-bottom: 5px;
    font: var(--f-s);
}

.auth__error {
    margin-bottom: 15px;
    color: var(--red);
}

.auth__button {
    align-self: center;
    margin-top: auto;
}

.projects__list-item:not(:last-child) {
    margin-bottom: 20px;
}