*::-webkit-scrollbar {
    display: none;
}

* {
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}


.login-form {
    display: grid;
    text-align: center;
    justify-content: center;
    row-gap: 2px;
    scale: 130%;
    font-family: Montserrat;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    margin-bottom: 10em;
}

.login-field {
    width: 400px;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid rgb(0, 0, 0);
    border-radius: 5px;
    font-size: 14px;
    color: #333;
}

.article-links a {
    padding: 0.8em;
    font-size: 1.44em;
    font-weight: var(--font-medium);
    background-color: var(--button-main);
    color: var(--text-color);
    transition-duration: 0.1s;
    text-decoration: none;
    z-index: 1;
    position: relative;
}

.submit-btn {
    position: relative;
    z-index: 1;
    background: var(--button-gradient);
    color: white;
    padding: 1em;
    border-radius: 1em;
    border: 0;
    margin-top: 1em;
    font-weight: var(--font-semibold);
}

/* .submit-btn::before {
    position: absolute;
    content: "";
    z-index: -1;
    transition: opacity 0.2s linear;
    border-radius: 1em;
    opacity: 0;
    background: var(--button-gradient-inversed);
}

.submit-btn:hover::before {
    opacity: 1;
} */