.login_layout {
    display: grid;
    justify-content: center;
    text-align: center;
    grid-gap: 30px;
    padding: 40px 0;
}

.login_layout a{
    color: var(--color-clickable);
    text-decoration: none;
}

.login_layout .actions {
    display: grid;
    grid-gap: 10px;
}

.login_layout .socials {
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    grid-gap: 10px;
}

.login_layout span.or::before, .login_layout span.or::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: var(--color-mono-3);
    vertical-align: middle;
    margin: 0 30px;
}

#login_form {
    display: grid;
    grid-gap: 10px;
    margin: 0;
}

#login_form input {
    width: 100%;
    max-width: 300px;
}